*,
*::before,
*::after {
box-sizing: border-box;
}
img,
svg,
video,
iframe {
max-inline-size: 100%;
block-size: auto;
} h1,
h2,
h3 {
text-wrap: balance;
}
p {
text-wrap: pretty;
} :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
outline: 2px solid var(--wp--preset--color--primary);
outline-offset: 2px;
border-radius: 2px;
} :where(.has-primary-dark-background-color, .has-primary-background-color) :focus-visible {
outline-color: var(--wp--preset--color--bg);
} :root {
--pcp-naglowek-wysokosc: 86px;
} html {
scroll-behavior: smooth;
scroll-padding-top: calc(var(--pcp-naglowek-wysokosc) + 16px);
} .admin-bar {
scroll-padding-top: calc(
var(--pcp-naglowek-wysokosc) + var(--wp-admin--admin-bar--height, 32px) + 16px
);
} .wp-site-blocks > header.wp-block-template-part {
position: sticky;
top: 0;
z-index: 100;
} .admin-bar .wp-site-blocks > header.wp-block-template-part {
top: var(--wp-admin--admin-bar--height, 32px);
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}:root {
--pcp-icon-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
--pcp-icon-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 0 28 24' fill='black' stroke='black' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M11.5 2.3a.53.53 0 0 1 .95 0l2.31 4.68a2.12 2.12 0 0 0 1.6 1.16l5.16.75a.53.53 0 0 1 .3.91l-3.74 3.63a2.12 2.12 0 0 0-.61 1.88l.88 5.14a.53.53 0 0 1-.77.56l-4.62-2.43a2.12 2.12 0 0 0-1.97 0L6.4 21.01a.53.53 0 0 1-.77-.56l.88-5.14a2.12 2.12 0 0 0-.61-1.88L2.16 9.8a.53.53 0 0 1 .29-.91l5.17-.75a2.12 2.12 0 0 0 1.6-1.16z'/%3E%3C/svg%3E");
--pcp-icon-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
--pcp-icon-video: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 13 5.22 3.48a.5.5 0 0 0 .78-.41V7.87a.5.5 0 0 0-.75-.43L16 10.5'/%3E%3Crect x='2' y='6' width='14' height='12' rx='2'/%3E%3C/svg%3E");
--pcp-icon-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
--pcp-icon-shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3C/svg%3E");
--pcp-icon-map-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.99-5.54 10.19-7.4 11.8a1 1 0 0 1-1.2 0C9.54 20.19 4 14.99 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
--pcp-icon-message: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3C/svg%3E");
--pcp-icon-cloud-rain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14.9A7 7 0 1 1 15.7 8h1.8a4.5 4.5 0 0 1 2.5 8.2'/%3E%3Cpath d='M16 14v6'/%3E%3Cpath d='M8 14v6'/%3E%3Cpath d='M12 16v6'/%3E%3C/svg%3E");
--pcp-icon-activity: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-2.5a2 2 0 0 0-1.9 1.5l-2.4 8.4a.25.25 0 0 1-.5 0L9.2 2.2a.25.25 0 0 0-.5 0l-2.3 8.4A2 2 0 0 1 4.5 12H2'/%3E%3C/svg%3E");
--pcp-icon-zap: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z'/%3E%3C/svg%3E");
--pcp-icon-battery-low: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='6' width='16' height='12' rx='2'/%3E%3Cpath d='M22 14v-4'/%3E%3Cpath d='M6 14v-4'/%3E%3C/svg%3E");
--pcp-icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
--pcp-icon-users: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
--pcp-icon-life-buoy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m4.93 4.93 4.24 4.24'/%3E%3Cpath d='m14.83 9.17 4.24-4.24'/%3E%3Cpath d='m14.83 14.83 4.24 4.24'/%3E%3Cpath d='m9.17 14.83-4.24 4.24'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/svg%3E");
--pcp-icon-sparkles: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3z'/%3E%3C/svg%3E");
--pcp-icon-target: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E");
--pcp-icon-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E"); --pcp-icon-handshake: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m11 17 2 2a1 1 0 1 0 3-3'/%3E%3Cpath d='m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4'/%3E%3Cpath d='m21 3 1 11h-2'/%3E%3Cpath d='M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3'/%3E%3Cpath d='M3 4h8'/%3E%3C/svg%3E");
--pcp-icon-user-bubble: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3Ccircle cx='12' cy='9' r='2'/%3E%3Cpath d='M8.5 14a3.5 3.5 0 0 1 7 0'/%3E%3C/svg%3E");
--pcp-icon-calendar-17: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Ctext x='12' y='19' text-anchor='middle' font-family='sans-serif' font-size='8' font-weight='700' fill='black' stroke='none'%3E17%3C/text%3E%3C/svg%3E");
--pcp-icon-grupa: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 4a1.5 1.5 0 0 0-1.5-1.5h-7A1.5 1.5 0 0 0 10 4v3a1.5 1.5 0 0 0 1.5 1.5H13l2 2.5 1-2.5h2.5A1.5 1.5 0 0 0 20 7z'/%3E%3Ccircle cx='4.5' cy='14' r='2'/%3E%3Ccircle cx='12' cy='14' r='2'/%3E%3Ccircle cx='19.5' cy='14' r='2'/%3E%3Cpath d='M1.5 21a3 3 0 0 1 6 0'/%3E%3Cpath d='M9 21a3 3 0 0 1 6 0'/%3E%3Cpath d='M16.5 21a3 3 0 0 1 6 0'/%3E%3C/svg%3E"); --pcp-icon-frown: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M15.5 16a4.5 4.5 0 0 0-7 0'/%3E%3Cpath d='M9 9.5h.01'/%3E%3Cpath d='M15 9.5h.01'/%3E%3C/svg%3E");
--pcp-icon-brain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 0 0-8-8 8 8 0 0 0-8 8c0 2.2 1 4 2.5 5.2V21h9v-2.5h2a1.5 1.5 0 0 0 1.5-1.5v-2z'/%3E%3Cpath d='M13 8.5a2 2 0 1 0-2.5 2.4 2 2 0 1 0 1.7 2.6'/%3E%3C/svg%3E");
--pcp-icon-splot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='12' rx='4.5' ry='9' transform='rotate(45 12 12)'/%3E%3Cellipse cx='12' cy='12' rx='4.5' ry='9' transform='rotate(-45 12 12)'/%3E%3C/svg%3E");
--pcp-icon-heart-crack: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7z'/%3E%3Cpath d='m12 5-2 4.5 3 2-2 3.5'/%3E%3C/svg%3E");
--pcp-icon-kryzys: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='4'/%3E%3Cpath d='M8.5 15.5a4.5 4.5 0 0 1 7 0'/%3E%3Cpath d='M8.5 9.5h2'/%3E%3Cpath d='M13.5 9.5h2'/%3E%3C/svg%3E");
--pcp-icon-uzaleznienie: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='4'/%3E%3Cpath d='M8 15V9.5a1 1 0 0 1 2 0V13'/%3E%3Cpath d='M10 12.5a1 1 0 0 1 2 0V14'/%3E%3Cpath d='M12 13a1 1 0 0 1 2 0v1.5a3 3 0 0 1-6 0'/%3E%3C/svg%3E");
--pcp-icon-siec: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5' cy='17' r='2.5'/%3E%3Ccircle cx='12' cy='7' r='2.5'/%3E%3Ccircle cx='19' cy='15' r='2.5'/%3E%3Cpath d='m7 15.5 3.2-6.2'/%3E%3Cpath d='m14.2 8.4 3.1 4.6'/%3E%3Cpath d='M7.5 17.5h9'/%3E%3C/svg%3E");
--pcp-icon-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");
--pcp-icon-menu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16'/%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M4 18h16'/%3E%3C/svg%3E");
} .pcp-icon--calendar {
--pcp-icon: var(--pcp-icon-calendar);
}
.pcp-icon--video {
--pcp-icon: var(--pcp-icon-video);
}
.pcp-icon--clock {
--pcp-icon: var(--pcp-icon-clock);
}
.pcp-icon--shield {
--pcp-icon: var(--pcp-icon-shield);
}
.pcp-icon--map-pin {
--pcp-icon: var(--pcp-icon-map-pin);
}
.pcp-icon--message {
--pcp-icon: var(--pcp-icon-message);
}
.pcp-icon--cloud-rain {
--pcp-icon: var(--pcp-icon-cloud-rain);
}
.pcp-icon--activity {
--pcp-icon: var(--pcp-icon-activity);
}
.pcp-icon--zap {
--pcp-icon: var(--pcp-icon-zap);
}
.pcp-icon--battery-low {
--pcp-icon: var(--pcp-icon-battery-low);
}
.pcp-icon--user {
--pcp-icon: var(--pcp-icon-user);
}
.pcp-icon--users {
--pcp-icon: var(--pcp-icon-users);
}
.pcp-icon--life-buoy {
--pcp-icon: var(--pcp-icon-life-buoy);
}
.pcp-icon--sparkles {
--pcp-icon: var(--pcp-icon-sparkles);
}
.pcp-icon--target {
--pcp-icon: var(--pcp-icon-target);
}
.pcp-icon--frown {
--pcp-icon: var(--pcp-icon-frown);
}
.pcp-icon--brain {
--pcp-icon: var(--pcp-icon-brain);
}
.pcp-icon--splot {
--pcp-icon: var(--pcp-icon-splot);
}
.pcp-icon--heart-crack {
--pcp-icon: var(--pcp-icon-heart-crack);
}
.pcp-icon--kryzys {
--pcp-icon: var(--pcp-icon-kryzys);
}
.pcp-icon--uzaleznienie {
--pcp-icon: var(--pcp-icon-uzaleznienie);
}
.pcp-icon--siec {
--pcp-icon: var(--pcp-icon-siec);
}
.pcp-icon--handshake {
--pcp-icon: var(--pcp-icon-handshake);
}
.pcp-icon--user-bubble {
--pcp-icon: var(--pcp-icon-user-bubble);
}
.pcp-icon--calendar-17 {
--pcp-icon: var(--pcp-icon-calendar-17);
}
.pcp-icon--grupa {
--pcp-icon: var(--pcp-icon-grupa);
} .wp-block-button .wp-block-button__link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
min-block-size: 44px;
transition:
background-color 0.2s ease,
color 0.2s ease,
border-color 0.2s ease;
} .wp-block-button.is-style-pcp-arrow
> .wp-block-button__link:not(.has-background) {
background-image: var(--wp--preset--gradient--button);
}
.wp-block-button.is-style-pcp-arrow
> .wp-block-button__link:hover:not(.has-background),
.wp-block-button.is-style-pcp-arrow
> .wp-block-button__link:focus:not(.has-background) {
background-image: var(--wp--preset--gradient--button-hover);
} .wp-block-button.is-style-pcp-arrow > .wp-block-button__link {
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow:
0 10px 7.5px rgba(0, 0, 0, 0.1),
0 4px 3px rgba(0, 0, 0, 0.05);
} .wp-block-button.is-style-pcp-arrow > .wp-block-button__link::after {
content: "";
flex: 0 0 auto;
inline-size: 1.1em;
block-size: 1.1em;
background-color: currentColor;
-webkit-mask: var(--pcp-icon-arrow-right) center / contain no-repeat;
mask: var(--pcp-icon-arrow-right) center / contain no-repeat;
transition: transform 0.2s ease;
}
.wp-block-button.is-style-pcp-arrow > .wp-block-button__link:hover::after {
transform: translateX(3px);
} .wp-block-button.is-style-outline > .wp-block-button__link {
border: 0;
padding: 14px 28px;
background-color: transparent;
}
.wp-block-button.is-style-outline
> .wp-block-button__link:not(.has-text-color) {
color: var(--wp--preset--color--primary);
}
.wp-block-button.is-style-outline
> .wp-block-button__link:hover:not(.has-background) {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--bg);
} .wp-block-button.is-style-pcp-outline-light > .wp-block-button__link {
border: 1px solid var(--wp--preset--color--bg);
padding: 14px 28px;
background-color: transparent;
color: var(--wp--preset--color--bg);
}
.wp-block-button.is-style-pcp-outline-light > .wp-block-button__link:hover {
background-color: var(--wp--preset--color--bg);
color: var(--wp--preset--color--primary-dark);
} .wp-block-button.is-style-pcp-tag > .wp-block-button__link {
padding: 8px 18px;
border: 1px solid
color-mix(in srgb, var(--wp--preset--color--primary-soft) 45%, transparent);
background-color: rgba(255, 255, 255, 0.07);
color: var(--wp--preset--color--primary-soft);
font-size: var(--wp--preset--font-size--small);
font-weight: 500;
}
.wp-block-button.is-style-pcp-tag > .wp-block-button__link:hover {
border-color: color-mix(
in srgb,
var(--wp--preset--color--primary-soft) 70%,
transparent
);
background-color: rgba(255, 255, 255, 0.14);
color: var(--wp--preset--color--bg);
} .wp-block-button.is-style-pcp-solid-light > .wp-block-button__link {
background-color: var(--wp--preset--color--bg-soft);
color: var(--wp--preset--color--primary-dark);
}
.wp-block-button.is-style-pcp-solid-light > .wp-block-button__link:hover {
background-color: var(--wp--preset--color--bg);
color: var(--wp--preset--color--primary-dark);
}
.wp-block-button.is-style-pcp-solid-light > .wp-block-button__link::after {
content: "";
flex: 0 0 auto;
inline-size: 1.1em;
block-size: 1.1em;
background-color: currentColor;
-webkit-mask: var(--pcp-icon-arrow-right) center / contain no-repeat;
mask: var(--pcp-icon-arrow-right) center / contain no-repeat;
transition: transform 0.2s ease;
}
.wp-block-button.is-style-pcp-solid-light
> .wp-block-button__link:hover::after {
transform: translateX(3px);
} .wp-block-group.is-style-pcp-card {
padding: clamp(28px, 3vw, 32px);
border: 1px solid var(--wp--preset--color--border);
border-radius: var(--wp--preset--border-radius--card);
background-color: var(--wp--preset--color--bg);
box-shadow: var(--wp--preset--shadow--card);
transition: box-shadow 0.2s ease;
}
.wp-block-group.is-style-pcp-card:hover {
box-shadow: var(--wp--preset--shadow--card-hover);
} .pcp-do-lewej > *,
.pcp-opinia > *,
#opinie .is-style-pcp-card > * {
margin-inline-start: 0 !important;
margin-inline-end: auto !important;
}
.pcp-rozciagnij > * {
margin-inline: 0 !important;
} .is-style-pcp-chip {
display: inline-flex;
align-items: center;
gap: 10px;
margin: 0;
padding: 10px 18px;
border: 1px solid var(--wp--preset--color--border);
border-radius: var(--wp--preset--border-radius--pill);
background-color: var(--wp--preset--color--bg);
color: var(--wp--preset--color--text-main);
font-size: var(--wp--preset--font-size--small);
line-height: 1.3;
}
.is-style-pcp-chip::before {
content: "";
flex: 0 0 auto;
inline-size: 18px;
block-size: 18px;
background-color: var(--wp--preset--color--primary);
-webkit-mask: var(--pcp-icon, var(--pcp-icon-shield)) center / contain
no-repeat;
mask: var(--pcp-icon, var(--pcp-icon-shield)) center / contain no-repeat;
}  .is-style-pcp-badge {
display: inline-block;
margin: 0;
padding: 6px 14px;
border: 1px solid color-mix(in srgb, currentColor 35%, transparent);
border-radius: var(--wp--preset--border-radius--pill);
font-size: var(--wp--preset--font-size--badge);
font-weight: 600;
letter-spacing: 0.12em;
line-height: 1.2;
text-transform: uppercase;
} .is-style-pcp-link-arrow {
margin: 0;
font-weight: 600;
}
.is-style-pcp-link-arrow a,
a.is-style-pcp-link-arrow {
text-decoration: none;
}
.is-style-pcp-link-arrow a:hover,
a.is-style-pcp-link-arrow:hover {
text-decoration: underline;
} .is-style-pcp-link-arrow a::after,
a.is-style-pcp-link-arrow::after {
content: "";
display: inline-block;
vertical-align: -0.15em;
margin-inline-start: 8px;
inline-size: 1.05em;
block-size: 1.05em;
background-color: currentColor;
-webkit-mask: var(--pcp-icon-arrow-right) center / contain no-repeat;
mask: var(--pcp-icon-arrow-right) center / contain no-repeat;
transition: transform 0.2s ease;
}
.is-style-pcp-link-arrow a:hover::after,
a.is-style-pcp-link-arrow:hover::after {
transform: translateX(3px);
}  .is-style-pcp-card-cta a,
a.is-style-pcp-card-cta {
display: inline-flex;
align-items: center;
gap: 8px;
min-block-size: 40px;
padding: 10px 20px;
border: 1px solid var(--wp--preset--color--border);
border-radius: var(--wp--preset--border-radius--pill);
background-color: var(--wp--preset--color--bg);
box-shadow: var(--wp--preset--shadow--card);
color: var(--wp--preset--color--primary);
font-size: var(--wp--preset--font-size--small);
font-weight: 600;
text-decoration: none;
transition:
border-color 0.2s ease,
box-shadow 0.2s ease;
}
.is-style-pcp-card-cta a:hover,
a.is-style-pcp-card-cta:hover {
border-color: var(--wp--preset--color--primary-soft);
box-shadow: var(--wp--preset--shadow--card-hover);
text-decoration: none;
} .is-style-pcp-card-cta a::after,
a.is-style-pcp-card-cta::after {
content: "";
flex: 0 0 auto;
inline-size: 1.05em;
block-size: 1.05em;
background-color: currentColor;
-webkit-mask: var(--pcp-icon-arrow-right) center / contain no-repeat;
mask: var(--pcp-icon-arrow-right) center / contain no-repeat;
transition: transform 0.2s ease;
}
.is-style-pcp-card-cta a:hover::after,
a.is-style-pcp-card-cta:hover::after {
transform: translateX(3px);
}  .pcp-opinie__lead {
max-inline-size: 60ch;
margin-inline: auto;
}  .pcp-opinia,
#opinie .is-style-pcp-card {
display: flex;
flex-direction: column;
padding: 24px;
border: 0;
border-radius: var(--wp--preset--border-radius--card);
box-shadow: none;
}
#opinie .is-style-pcp-card:hover {
box-shadow: none;
}   .pcp-footer .wp-block-navigation {
gap: var(--wp--preset--spacing--20);
} .pcp-footer .wp-block-navigation-item__content,
.pcp-footer .wp-block-site-title a {
text-decoration: none;
}
.pcp-footer .wp-block-navigation-item__content:hover {
text-decoration: underline;
} .pcp-footer__logo .wp-block-site-logo {
flex: 0 0 auto;
} .pcp-footer__dol {
column-gap: var(--wp--preset--spacing--40);
}  .is-style-pcp-stars {
--pcp-star-size: 20px;
display: inline-block;
overflow: hidden;
margin: 0;
inline-size: calc(5 * var(--pcp-star-size) * 28 / 24);
block-size: var(--pcp-star-size);
background-color: var(--wp--preset--color--accent-blue);
text-indent: 100%;
white-space: nowrap;
-webkit-mask: var(--pcp-icon-star) left center /
calc(var(--pcp-star-size) * 28 / 24) var(--pcp-star-size) repeat-x;
mask: var(--pcp-icon-star) left center / calc(var(--pcp-star-size) * 28 / 24)
var(--pcp-star-size) repeat-x;
}  .wp-block-site-title {
max-inline-size: 18ch;
line-height: 1.25;
} @media (min-width: 842px) {
.pcp-header .pcp-header__wiersz {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
}
.pcp-header .pcp-header__wiersz > .pcp-header__cta {
justify-self: end;
}
} @media (min-width: 842px) and (max-width: 1230px) {
.pcp-header .pcp-header__wiersz {
grid-template-columns: 1fr auto;
}
} .pcp-header .wp-block-navigation {
gap: var(--wp--preset--spacing--30);
} .pcp-header {
box-sizing: border-box;
block-size: var(--pcp-naglowek-wysokosc); padding-block: 16px;
} .pcp-header > .pcp-header__wiersz {
block-size: 100%;
} .pcp-header .wp-block-navigation__responsive-container-open { align-items: center;
justify-content: center;
inline-size: 40px;
block-size: 40px;
padding: 0;
border-radius: 12px;
background-color: var(--wp--preset--color--bg-soft);
}
.pcp-header .wp-block-navigation__responsive-container-open svg {
display: none;
}
.pcp-header .wp-block-navigation__responsive-container-open::before {
content: "";
inline-size: 22px;
block-size: 22px;
background-color: var(--wp--preset--color--primary);
-webkit-mask: var(--pcp-icon-menu) center / contain no-repeat;
mask: var(--pcp-icon-menu) center / contain no-repeat;
} @media (max-width: 841px) {
:root {
--pcp-naglowek-wysokosc: 64px;
}
.pcp-header {
padding-block: 10px;
}
} .pcp-header .wp-block-navigation .wp-block-navigation-item__content {
display: flex;
align-items: center;
block-size: 32px;
padding-block: 0;
padding-inline: 8px;
border-radius: var(--wp--preset--border-radius--pill);
text-decoration: none;
transition: background-color 0.2s ease;
}
.pcp-header .wp-block-navigation .wp-block-navigation-item__content:hover,
.pcp-header
.wp-block-navigation
.current-menu-item
> .wp-block-navigation-item__content {
background-color: var(--wp--preset--color--bg-soft);
text-decoration: none;
} @media (min-width: 842px) {
.pcp-header .wp-block-navigation .wp-block-navigation-item.has-child {
position: relative;
display: flex;
align-items: center;
block-size: 32px;
padding-inline: 8px;
border-radius: var(--wp--preset--border-radius--pill);
transition: background-color 0.2s ease;
}
.pcp-header
.wp-block-navigation
.wp-block-navigation-item.has-child
> .wp-block-navigation-item__content {
block-size: auto;
padding-inline: 0;
background-color: transparent;
} .pcp-header .wp-block-navigation .wp-block-navigation__submenu-icon {
display: flex;
align-items: center;
inline-size: auto;
block-size: auto;
margin: 0;
padding: 0;
padding-inline-start: 4px;
border: 0;
background: transparent;
color: inherit;
cursor: pointer;
}
.pcp-header .wp-block-navigation .wp-block-navigation__submenu-icon svg {
flex: none;
width: 20px;
height: 20px;
transition: transform 0.2s ease;
} .pcp-header .wp-block-navigation .wp-block-navigation-item.has-child:hover,
.pcp-header
.wp-block-navigation
.wp-block-navigation-item.has-child:focus-within {
background-color: var(--wp--preset--color--bg-soft);
}
.pcp-header
.wp-block-navigation
.wp-block-navigation-item.has-child:hover
.wp-block-navigation__submenu-icon
svg,
.pcp-header
.wp-block-navigation
.wp-block-navigation-item.has-child:focus-within
.wp-block-navigation__submenu-icon
svg {
transform: rotate(180deg);
} .pcp-header
.wp-block-navigation
.wp-block-navigation-item.has-child::after {
content: "";
position: absolute;
inset-block-start: 100%;
inset-inline: 0;
block-size: 12px;
}
.pcp-header .wp-block-navigation .wp-block-navigation__submenu-container {
inset-block-start: calc(100% + 10px);
inset-inline-start: 0;
min-inline-size: 240px;
gap: 2px;
padding: 8px;
border: 1px solid var(--wp--preset--color--border);
border-radius: var(--wp--preset--border-radius--card);
background-color: var(--wp--preset--color--bg);
box-shadow: var(--wp--preset--shadow--card-hover);
}
.pcp-header
.wp-block-navigation
.wp-block-navigation__submenu-container
.wp-block-navigation-item {
inline-size: 100%;
}
.pcp-header
.wp-block-navigation
.wp-block-navigation__submenu-container
.wp-block-navigation-item__content {
display: flex;
align-items: center;
inline-size: 100%;
block-size: auto;
min-block-size: 40px;
padding: 8px 12px;
border-radius: 10px;
color: var(--wp--preset--color--primary);
font-weight: 500;
white-space: nowrap;
text-decoration: none;
}
.pcp-header
.wp-block-navigation
.wp-block-navigation__submenu-container
.wp-block-navigation-item__content:hover {
background-color: var(--wp--preset--color--bg-soft);
}
} @keyframes pcp-ikona-x {
from {
opacity: 0;
transform: rotate(-90deg) scale(0.6);
}
to {
opacity: 1;
transform: rotate(0) scale(1);
}
} .pcp-header
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-content {
padding-block-start: 0;
} .pcp-header .wp-block-navigation__responsive-container.is-menu-open {
animation: none;
background-color: var(--wp--preset--color--bg); justify-content: flex-start;
padding-block: 0;
padding-inline: var(--wp--custom--container--padding);
} .pcp-header
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-close {
position: static;
display: flex;
align-items: center;
justify-content: center;
inline-size: 40px;
block-size: 40px;
margin-block: calc((var(--pcp-naglowek-wysokosc) - 40px) / 2);
margin-inline-start: auto;
padding: 0;
border-radius: 12px;
background-color: var(--wp--preset--color--bg-soft);
color: var(--wp--preset--color--primary);
}
.pcp-header .wp-block-navigation__responsive-container-close svg {
display: none;
}
.pcp-header .wp-block-navigation__responsive-container-close::before {
content: "";
inline-size: 22px;
block-size: 22px;
background-color: currentColor;
animation: pcp-ikona-x 0.28s 0.06s ease both;
-webkit-mask: var(--pcp-icon-x) center / contain no-repeat;
mask: var(--pcp-icon-x) center / contain no-repeat;
} .pcp-header
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__container {
gap: 0;
}
.pcp-header
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item {
inline-size: 100%;
}
.pcp-header
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item__content {
display: flex;
align-items: center;
inline-size: 100%; min-block-size: 56px;
padding: 0;
border-block-end: 1px solid var(--wp--preset--color--border);
border-radius: 0;
color: var(--wp--preset--color--primary);
font-size: var(--wp--preset--font-size--large);
font-weight: 600;
}
.pcp-header
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item__content:hover {
background-color: transparent;
text-decoration: none;
color: var(--wp--preset--color--accent-blue);
} .pcp-header
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-content
.wp-block-navigation__submenu-container {
gap: 0;
padding: 0;
} .pcp-header
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container
.wp-block-navigation-item__content {
padding-inline-start: 16px;
font-size: var(--wp--preset--font-size--medium);
font-weight: 400;
color: var(--wp--preset--color--text-muted);
} @media (max-width: 1230px) {
.pcp-header .pcp-header__cta {
display: none;
}
} @media (max-width: 841px) {
.pcp-header
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: flex;
} .pcp-header .wp-block-navigation__responsive-container {
transition:
transform 0.26s cubic-bezier(0.2, 0, 0, 1),
opacity 0.2s ease,
display 0.26s allow-discrete;
}
.pcp-header
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(
.is-menu-open
) {
display: none;
transform: translateY(-100%);
opacity: 0;
}
.pcp-header .wp-block-navigation__responsive-container.is-menu-open {
transform: translateY(0);
opacity: 1;
}
@starting-style {
.pcp-header .wp-block-navigation__responsive-container.is-menu-open {
transform: translateY(-100%);
opacity: 0;
}
}
}  .pcp-avatar {
display: grid;
place-items: center;
flex: 0 0 auto;
inline-size: 56px;
block-size: 56px;
margin: 0;
border-radius: var(--wp--preset--border-radius--pill);
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--bg);
font-size: 18px;
font-weight: 600;
line-height: 1;
} .pcp-avatar--muted {
background-color: var(--wp--preset--color--bg-soft);
color: var(--wp--preset--color--text-muted);
} .pcp-feature-icon {
display: grid;
place-items: center;
flex: 0 0 auto;
inline-size: 48px;
block-size: 48px;
border-radius: var(--wp--preset--border-radius--pill);
background-color: var(--wp--preset--color--bg-soft);
}
.pcp-feature-icon::before {
content: "";
inline-size: 22px;
block-size: 22px;
background-color: var(--wp--preset--color--primary);
-webkit-mask: var(--pcp-icon, var(--pcp-icon-shield)) center / contain
no-repeat;
mask: var(--pcp-icon, var(--pcp-icon-shield)) center / contain no-repeat;
} .has-bg-soft-background-color .pcp-feature-icon {
background-color: var(--wp--preset--color--bg);
} .pcp-powod.is-style-pcp-card,
.pcp-powod.is-style-pcp-card:hover {
padding: 20px; box-shadow: var(--wp--preset--shadow--card);
} .pcp-powod .pcp-feature-icon {
inline-size: 40px;
block-size: 40px;
background-color: var(--wp--preset--color--primary);
}
.pcp-powod .pcp-feature-icon::before {
inline-size: 18px;
block-size: 18px;
background-color: var(--wp--preset--color--bg);
} .pcp-zgloszenia__foto img {
-webkit-mask-image: radial-gradient(closest-side, #000 62%, transparent 100%);
mask-image: radial-gradient(closest-side, #000 62%, transparent 100%);
}   @media (max-width: 781px) {
:root {
--wp--preset--spacing--70: 40px;
}
}
@media (max-width: 1023px) {
.pcp-zgloszenia-sekcja {
display: flex;
flex-direction: column;
} .pcp-zgloszenia-sekcja > * {
margin-inline: 0 !important;
}
.pcp-zgloszenia-sekcja > .pcp-zgloszenia {
order: 1;
margin-block-start: var(--wp--preset--spacing--30);
}
.pcp-zgloszenia-sekcja > .wp-block-buttons {
order: 2;
} .wp-block-image.pcp-zgloszenia__foto {
display: none;
} .pcp-zgloszenia-sekcja .wp-block-button,
.pcp-zgloszenia-sekcja .wp-block-button__link {
inline-size: 100%;
}
}
@media (min-width: 1024px) {
.pcp-zgloszenia {
position: relative;
}
.pcp-chips-scatter {
position: absolute;
inset: 0;
pointer-events: none;
}
.pcp-chips-scatter > :nth-child(-n + 10) {
position: absolute;
margin: 0;
pointer-events: auto;
} .pcp-chips-scatter > :nth-child(1) {
inset-block-start: 17%;
inset-inline-start: 5%;
}
.pcp-chips-scatter > :nth-child(2) {
inset-block-start: 12%;
inset-inline-end: 12%;
}
.pcp-chips-scatter > :nth-child(3) {
inset-block-start: 37%;
inset-inline-start: 0%;
}
.pcp-chips-scatter > :nth-child(4) {
inset-block-start: 32%;
inset-inline-end: 3%;
}
.pcp-chips-scatter > :nth-child(5) {
inset-block-start: 42%;
inset-inline-start: 35%;
}
.pcp-chips-scatter > :nth-child(6) {
inset-block-start: 54%;
inset-inline-end: 8%;
}
.pcp-chips-scatter > :nth-child(7) {
inset-block-start: 57%;
inset-inline-start: 5%;
}
.pcp-chips-scatter > :nth-child(8) {
inset-block-start: 72%;
inset-inline-end: 1%;
}
.pcp-chips-scatter > :nth-child(9) {
inset-block-start: 79%;
inset-inline-start: 0%;
}
.pcp-chips-scatter > :nth-child(10) {
inset-block-start: 83%;
inset-inline-start: 28%;
}
} .pcp-cta {
position: relative;
overflow: hidden;
isolation: isolate;
}
.pcp-cta::after {
content: "";
position: absolute;
z-index: -1;
inset-block-end: -22%;
inset-inline-end: -4%;
inline-size: clamp(220px, 32vw, 420px);
block-size: clamp(220px, 32vw, 420px);
border-radius: calc(2 * var(--wp--preset--border-radius--panel));
background-color: var(--wp--preset--color--primary-light);
opacity: 0.45;
} @media (max-width: 767px) {
.pcp-cta::after {
opacity: 0.3;
}
} .pcp-hero__foto {
margin: 0;
}
.pcp-hero__foto img {
display: block;
inline-size: 100%;
block-size: clamp(300px, 44vw, 580px);
object-fit: cover;
}  .pcp-faq-lista {
interpolate-size: allow-keywords;
border: 1px solid var(--wp--preset--color--border);
border-radius: var(--wp--preset--border-radius--card);
background-color: var(--wp--preset--color--bg-card); overflow: hidden;
}
.pcp-faq-lista .wp-block-details {
margin: 0;
padding: 24px 28px;
border: 0;
border-radius: 0;
background-color: transparent;
box-shadow: none;
} .pcp-faq-lista .wp-block-details + .wp-block-details {
margin-block-start: 0;
border-block-start: 1px solid var(--wp--preset--color--border);
}
.pcp-faq-lista summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
cursor: pointer;
list-style: none;
color: var(--wp--preset--color--primary);
font-weight: 600;
} .pcp-faq-lista summary::-webkit-details-marker {
display: none;
} .pcp-faq-lista summary::after {
content: "";
flex: 0 0 auto;
inline-size: 20px;
block-size: 20px; background-color: var(--wp--preset--color--text-muted);
-webkit-mask: var(--pcp-icon-plus) center / contain no-repeat;
mask: var(--pcp-icon-plus) center / contain no-repeat;
transition: transform 0.2s ease;
}
.pcp-faq-lista .wp-block-details[open] > summary::after {
transform: rotate(45deg);
}
.pcp-faq-lista .wp-block-details[open] > summary {
margin-block-end: 12px;
} @supports selector(::details-content) {
.pcp-faq-lista .wp-block-details[open] > summary {
margin-block-end: 0;
}
.pcp-faq-lista .wp-block-details::details-content {
block-size: 0;
overflow: hidden;
transition:
block-size 0.28s ease,
padding-block-start 0.28s ease,
content-visibility 0.28s allow-discrete;
}
.pcp-faq-lista .wp-block-details[open]::details-content {
block-size: auto;
padding-block-start: 12px;
}
}  .pcp-krok .pcp-feature-icon {
inline-size: 76px;
block-size: 76px;
background-color: var(--wp--preset--color--bg);
}
.pcp-krok .pcp-feature-icon::before {
inline-size: 34px;
block-size: 34px;
background-color: var(--wp--preset--color--accent-teal);
}
@media (min-width: 782px) {
.pcp-kroki {
position: relative;
} .pcp-kroki::before {
content: "";
position: absolute;
inset-block-start: 38px;
inset-inline-start: 12.5%;
inset-inline-end: 12.5%;
border-block-start: 1px solid var(--wp--preset--color--border);
}
.pcp-krok {
text-align: center;
}
.pcp-krok .pcp-feature-icon {
margin-inline: auto;
}
} @media (max-width: 781px) {
.pcp-krok {
display: grid;
grid-template-columns: 56px 1fr;
column-gap: 20px;
row-gap: 8px; align-items: start;
text-align: start;
} .pcp-krok > * {
margin-block: 0;
margin-inline-start: 0 !important;
margin-inline-end: auto !important;
}
.pcp-krok > .pcp-feature-icon {
position: relative;
grid-row: 1 / span 2;
inline-size: 56px;
block-size: 56px;
}
.pcp-krok > .pcp-feature-icon::before {
inline-size: 26px;
block-size: 26px;
} .pcp-krok > .pcp-feature-icon::after {
content: "";
position: absolute;
inset-block-start: calc(100% + 10px);
inset-inline: 2px;
border-block-start: 1px solid var(--wp--preset--color--border);
} .pcp-kroki
> .wp-block-column:last-child
.pcp-krok
> .pcp-feature-icon::after {
content: none;
}
} .wp-block-group.is-style-pcp-card.pcp-karta-pusta {
border-style: dashed;
box-shadow: none;
}
.wp-block-group.is-style-pcp-card.pcp-karta-pusta:hover {
box-shadow: none;
} @media (max-width: 599px) {
.wp-block-buttons > .wp-block-button {
inline-size: 100%;
}
.wp-block-buttons > .wp-block-button > .wp-block-button__link {
inline-size: 100%;
}
}  .wp-block-button.is-style-pcp-outline-primary > .wp-block-button__link {
border: 1px solid var(--wp--preset--color--primary);
padding: 14px 28px;
background-color: transparent;
color: var(--wp--preset--color--primary);
}
.wp-block-button.is-style-pcp-outline-primary > .wp-block-button__link:hover,
.wp-block-button.is-style-pcp-outline-primary > .wp-block-button__link:focus {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--bg);
} .pcp-usluga-hero__foto {
margin: 0;
} .pcp-usluga-hero__foto {
display: none;
} .pcp-usluga-hero__cytat {
position: relative;
margin: 0;
}
@media (min-width: 782px) {
.pcp-usluga-hero__foto {
display: block;
} .pcp-usluga-hero__cytat {
z-index: 1;
max-inline-size: 22rem;
margin-block-start: -72px;
margin-inline-end: var(--wp--preset--spacing--40);
}
} .pcp-parametry {
display: grid;
gap: var(--wp--preset--spacing--20);
} .pcp-parametry > * {
margin-block: 0;
}
.pcp-parametry > * + * {
padding-block-start: var(--wp--preset--spacing--20);
border-block-start: 1px solid var(--wp--preset--color--border);
} .pcp-etykieta,
.pcp-parametry__etykieta {
margin: 0;
color: var(--wp--preset--color--text-muted);
font-size: var(--wp--preset--font-size--badge);
font-weight: 600;
letter-spacing: 0.08em;
line-height: 1.3;
text-transform: uppercase;
}
.pcp-parametry__wartosc {
margin: 0;
color: var(--wp--preset--color--primary);
font-weight: 600;
}
@media (min-width: 782px) { .pcp-parametry {
display: flex;
gap: 0;
}
.pcp-parametry > * {
flex: 1;
} .pcp-parametry > * + * {
padding-block-start: 0;
padding-inline-start: var(--wp--preset--spacing--30);
border-block-start: 0;
border-inline-start: 1px solid var(--wp--preset--color--border);
}
} .pcp-objawy {
display: grid;
gap: var(--wp--preset--spacing--20);
margin: 0;
padding: 0;
list-style: none;
}
.pcp-objawy > li {
display: flex;
align-items: flex-start;
gap: 12px;
margin: 0;
padding: 14px 18px;
border: 1px solid var(--wp--preset--color--border);
border-radius: var(--wp--preset--border-radius--card);
background-color: var(--wp--preset--color--bg);
color: var(--wp--preset--color--text-main);
font-size: var(--wp--preset--font-size--small);
} .pcp-objawy > li::before {
content: "";
flex: 0 0 auto;
inline-size: 6px;
block-size: 6px;
margin-block-start: 0.5em;
border-radius: var(--wp--preset--border-radius--pill);
background-color: var(--wp--preset--color--primary);
}
@media (min-width: 782px) {
.pcp-objawy {
grid-template-columns: 1fr 1fr;
}
} .pcp-lista-punkty li::marker {
color: var(--wp--preset--color--primary);
} .pcp-proces {
display: grid;
gap: var(--wp--preset--spacing--30);
counter-reset: pcp-proces;
}
.pcp-proces > * {
margin-block: 0;
} .pcp-proces__karta.is-style-pcp-card,
.pcp-proces__karta.is-style-pcp-card:hover {
box-shadow: var(--wp--preset--shadow--card);
}
.pcp-proces__glowa {
align-items: center;
}
.pcp-proces__numer {
counter-increment: pcp-proces;
display: grid;
place-items: center;
flex: 0 0 auto;
inline-size: 36px;
block-size: 36px;
border: 1px solid var(--wp--preset--color--primary);
border-radius: var(--wp--preset--border-radius--pill);
color: var(--wp--preset--color--primary);
font-size: var(--wp--preset--font-size--small);
font-weight: 600;
line-height: 1;
}
.pcp-proces__numer::before {
content: counter(pcp-proces);
}
@media (min-width: 782px) {
.pcp-proces {
grid-template-columns: 1fr 1fr;
}
} .pcp-zespol-karty {
display: grid;
gap: var(--wp--preset--spacing--30);
} .pcp-zespol-karta {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: var(--wp--preset--spacing--30);
padding: clamp(28px, 3vw, 40px);
border: 1px solid var(--wp--preset--color--border);
border-radius: var(--wp--preset--border-radius--panel);
background-color: var(--wp--preset--color--bg-card);
box-shadow: var(--wp--preset--shadow--card);
} .pcp-zespol-karta__avatar {
align-self: flex-start;
} .pcp-zespol-karta .pcp-avatar {
inline-size: 96px;
block-size: 96px;
font-size: 36px;
} .pcp-zespol-karta__tresc {
display: flex;
flex: 1;
flex-direction: column;
gap: 12px;
min-inline-size: 0;
}
.pcp-zespol-karta__tytul {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--10);
min-inline-size: 0;
}
.pcp-zespol-karta__nazwisko {
margin: 0;
font-size: clamp(22px, 1.6vw, 26px);
line-height: 1.2;
} .pcp-zespol-karta__rola {
align-self: flex-start;
margin: 0;
padding: 5px 12px;
border-radius: var(--wp--preset--border-radius--pill);
background-color: var(--wp--preset--color--bg-soft);
color: var(--wp--preset--color--text-muted);
font-size: var(--wp--preset--font-size--badge);
font-weight: 600;
letter-spacing: 0.08em;
line-height: 1.2;
text-transform: uppercase;
} .pcp-zespol-karta__parametry {
display: flex;
flex-direction: column;
gap: 4px;
margin: 0;
}
.pcp-zespol-karta__param {
margin: 0;
color: var(--wp--preset--color--text-muted);
font-size: var(--wp--preset--font-size--small);
line-height: 1.5;
}
.pcp-zespol-karta__etykieta {
color: var(--wp--preset--color--text-main);
font-weight: 600;
}
.pcp-zespol-karta__opis {
margin: 0;
} .pcp-zespol-karta__stopka {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--wp--preset--spacing--20);
margin-block-start: auto;
padding-block-start: var(--wp--preset--spacing--10);
}
.pcp-zespol-karta__profil,
.pcp-zespol-karta__umow {
margin: 0;
} .pcp-zespol-karta__profil a {
text-decoration: underline;
} .pcp-obszary-lista {
display: grid;
gap: var(--wp--preset--spacing--10);
margin: 0;
padding: 0;
list-style: none;
}
.pcp-obszary-lista > li {
display: flex;
align-items: flex-start;
gap: 10px;
margin: 0;
font-size: var(--wp--preset--font-size--small);
}
.pcp-obszary-lista > li::before {
content: "";
flex: 0 0 auto;
inline-size: 6px;
block-size: 6px;
margin-block-start: 0.5em;
border-radius: var(--wp--preset--border-radius--pill);
background-color: var(--wp--preset--color--primary);
}
@media (min-width: 782px) {
.pcp-zespol-karty {
grid-template-columns: 1fr 1fr;
}
.pcp-obszary-lista {
grid-template-columns: 1fr 1fr;
column-gap: var(--wp--preset--spacing--30);
}
} @media (max-width: 520px) {
.pcp-zespol-karta {
gap: var(--wp--preset--spacing--20);
padding: var(--wp--preset--spacing--30);
}
.pcp-zespol-karta .pcp-avatar {
inline-size: 64px;
block-size: 64px;
font-size: 24px;
}
}  .pcp-kontakt-siatka {
display: grid;
gap: var(--wp--preset--spacing--30);
} .pcp-kontakt-siatka > * {
margin: 0 !important;
}
@media (min-width: 782px) {
.pcp-kontakt-siatka {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
align-items: start;
}
}  .pcp-kontakt-karta {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--30);
} .pcp-tytul-etykieta,
.pcp-kontakt-karta__tytul {
margin: 0;
padding-block-end: var(--wp--preset--spacing--20);
border-block-end: 1px solid var(--wp--preset--color--border);
font-size: var(--wp--preset--font-size--small);
letter-spacing: 0.08em;
text-transform: uppercase;
} .pcp-kontakt-formularz {
scroll-margin-block-start: var(--wp--preset--spacing--50);
}
.pcp-kontakt-formularz:focus {
outline: none;
} .pcp-kontakt-dane__lista {
display: flex;
flex-direction: column;
}
.pcp-kontakt-dane__wiersz {
display: flex;
flex-direction: column;
gap: 4px;
}
.pcp-kontakt-dane__wiersz + .pcp-kontakt-dane__wiersz {
margin-block-start: var(--wp--preset--spacing--20);
padding-block-start: var(--wp--preset--spacing--20);
border-block-start: 1px solid var(--wp--preset--color--border);
}
.pcp-kontakt-dane__wiersz p {
margin: 0;
color: var(--wp--preset--color--text-muted);
font-size: var(--wp--preset--font-size--small);
line-height: 1.5;
}
.pcp-kontakt-dane__wiersz p.pcp-etykieta {
font-size: var(--wp--preset--font-size--badge);
}
.pcp-kontakt-dane__mapa {
margin: 0;
font-size: var(--wp--preset--font-size--small);
} .pcp-form__siatka {
display: grid;
gap: var(--wp--preset--spacing--20);
}
@media (min-width: 782px) {
.pcp-form__siatka {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.pcp-form__pole--pelne,
.pcp-form__wyslij {
grid-column: 1 / -1;
}
}
.pcp-form__pole {
display: flex;
flex-direction: column;
gap: 8px;
min-inline-size: 0;
} .pcp-form__pole .wpcf7-form-control-wrap {
display: block;
} .pcp-kontakt-formularz input[type="text"],
.pcp-kontakt-formularz input[type="email"],
.pcp-kontakt-formularz input[type="tel"],
.pcp-kontakt-formularz select,
.pcp-kontakt-formularz textarea {
inline-size: 100%;
padding: 12px 16px;
border: 1px solid var(--wp--preset--color--border);
border-radius: 10px;
background-color: var(--wp--preset--color--bg);
color: var(--wp--preset--color--text-main);
font: inherit;
line-height: 1.5;
transition:
border-color 0.15s ease,
box-shadow 0.15s ease;
}
.pcp-kontakt-formularz textarea {
min-block-size: 140px;
resize: vertical;
}
.pcp-kontakt-formularz ::placeholder {
color: var(--wp--preset--color--text-muted);
opacity: 1;
}
.pcp-kontakt-formularz input[type="text"]:hover,
.pcp-kontakt-formularz input[type="email"]:hover,
.pcp-kontakt-formularz input[type="tel"]:hover,
.pcp-kontakt-formularz select:hover,
.pcp-kontakt-formularz textarea:hover {
border-color: var(--wp--preset--color--primary-soft);
} .pcp-kontakt-formularz input[type="text"]:focus,
.pcp-kontakt-formularz input[type="email"]:focus,
.pcp-kontakt-formularz input[type="tel"]:focus,
.pcp-kontakt-formularz select:focus,
.pcp-kontakt-formularz textarea:focus {
border-color: var(--wp--preset--color--accent-blue);
outline: none;
box-shadow: 0 0 0 3px var(--wp--preset--color--primary-soft);
} .pcp-form__radio {
margin: 0;
padding: 0;
border: 0;
}
.pcp-form__radio legend {
margin-block-end: 8px;
padding: 0;
}
.pcp-kontakt-formularz .wpcf7-radio {
display: flex;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--30);
}
.pcp-kontakt-formularz .wpcf7-list-item {
margin: 0;
}
.pcp-kontakt-formularz .wpcf7-list-item label {
display: flex;
align-items: flex-start;
gap: 8px;
cursor: pointer;
}
.pcp-kontakt-formularz input[type="radio"],
.pcp-kontakt-formularz input[type="checkbox"] {
flex: 0 0 auto;
inline-size: 18px;
block-size: 18px;
margin: 2px 0 0;
accent-color: var(--wp--preset--color--primary);
}
.pcp-kontakt-formularz .wpcf7-list-item-label {
font-size: var(--wp--preset--font-size--small);
line-height: 1.5;
}
.pcp-form__zgoda .wpcf7-list-item-label {
color: var(--wp--preset--color--text-muted);
} .pcp-form__wyslij {
display: flex;
align-items: center;
justify-content: flex-end;
gap: var(--wp--preset--spacing--20);
} .pcp-kontakt-formularz input[type="submit"] {
padding: 14px 28px;
border: 0;
border-radius: var(--wp--preset--border-radius--pill);
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--bg);
font: inherit;
font-weight: 600;
line-height: 1.2;
cursor: pointer;
transition: background-color 0.15s ease;
}
.pcp-kontakt-formularz input[type="submit"]:hover,
.pcp-kontakt-formularz input[type="submit"]:focus-visible {
background-color: var(--wp--preset--color--primary-dark);
}
.pcp-kontakt-formularz input[type="submit"]:disabled {
opacity: 0.6;
cursor: default;
} .pcp-hp {
position: absolute !important;
left: -9999px !important;
width: 1px;
height: 1px;
overflow: hidden;
}
@media (max-width: 781px) {
.pcp-form__wyslij {
flex-direction: column;
align-items: stretch;
}
.pcp-kontakt-formularz input[type="submit"] {
inline-size: 100%;
}
} .pcp-kontakt-formularz .wpcf7-not-valid {
border-color: var(--wp--preset--color--alert-red);
}
.pcp-kontakt-formularz .wpcf7-not-valid-tip {
display: block;
margin-block-start: 6px;
color: var(--wp--preset--color--alert-red);
font-size: var(--wp--preset--font-size--small);
} .pcp-kontakt-formularz .hidden-fields-container {
display: none;
}
.pcp-kontakt-formularz .wpcf7-response-output {
margin: var(--wp--preset--spacing--20) 0 0;
padding: var(--wp--preset--spacing--20);
border: 1px solid var(--wp--preset--color--border);
border-radius: var(--wp--preset--border-radius--card);
font-size: var(--wp--preset--font-size--small);
} .pcp-kontakt-formularz .init .wpcf7-response-output,
.pcp-kontakt-formularz .submitting .wpcf7-response-output,
.pcp-kontakt-formularz .resetting .wpcf7-response-output {
display: none;
}
.pcp-kontakt-formularz .sent .wpcf7-response-output {
border-color: var(--wp--preset--color--accent-teal);
background-color: var(--wp--preset--color--accent-mint);
color: var(--wp--preset--color--text-main);
}
.pcp-kontakt-formularz .invalid .wpcf7-response-output,
.pcp-kontakt-formularz .unaccepted .wpcf7-response-output,
.pcp-kontakt-formularz .failed .wpcf7-response-output,
.pcp-kontakt-formularz .aborted .wpcf7-response-output,
.pcp-kontakt-formularz .spam .wpcf7-response-output {
border-color: var(--wp--preset--color--alert-red);
background-color: var(--wp--preset--color--alert-red-soft);
color: var(--wp--preset--color--alert-red);
} .pcp-kontakt-formularz .screen-reader-response {
position: absolute;
overflow: hidden;
inline-size: 1px;
block-size: 1px;
margin: 0;
padding: 0;
border: 0;
clip-path: inset(50%);
word-wrap: normal;
}
.pcp-kontakt-formularz .screen-reader-response ul {
margin: 0;
padding: 0;
list-style: none;
} .pcp-kontakt-formularz .wpcf7-spinner {
flex: 0 0 auto;
inline-size: 20px;
block-size: 20px;
border: 3px solid var(--wp--preset--color--primary-soft);
border-block-start-color: var(--wp--preset--color--primary);
border-radius: 50%;
visibility: hidden;
animation: pcp-spin 0.8s linear infinite;
}
.pcp-kontakt-formularz .submitting .wpcf7-spinner {
visibility: visible;
}
@keyframes pcp-spin {
to {
transform: rotate(360deg);
}
}
@media (prefers-reduced-motion: reduce) {
.pcp-kontakt-formularz .wpcf7-spinner {
animation: none;
}
} .pcp-alert {
padding: clamp(24px, 3vw, 32px);
border: 1px solid
color-mix(
in srgb,
var(--wp--preset--color--alert-red) 45%,
var(--wp--preset--color--bg)
);
border-radius: var(--wp--preset--border-radius--card);
background-color: var(--wp--preset--color--alert-red-soft);
}
.pcp-alert__etykieta {
margin: 0;
color: var(--wp--preset--color--alert-red);
font-size: var(--wp--preset--font-size--badge);
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.pcp-alert__tresc {
margin: 0;
color: var(--wp--preset--color--text-main);
line-height: 1.6;
} .wp-block-button.is-style-pcp-white > .wp-block-button__link {
border: 1px solid var(--wp--preset--color--border);
background: var(--wp--preset--color--bg);
color: var(--wp--preset--color--primary);
}
.wp-block-button.is-style-pcp-white > .wp-block-button__link:hover {
border-color: var(--wp--preset--color--primary-soft);
background: var(--wp--preset--color--bg);
color: var(--wp--preset--color--primary-dark);
box-shadow: var(--wp--preset--shadow--card);
}  .pcp-profil-hero {
display: grid;
gap: var(--wp--preset--spacing--30);
justify-items: center;
text-align: center;
}
.pcp-profil-hero__tekst {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--30);
align-items: center;
min-inline-size: 0;
}
.pcp-profil-hero__tekst > * {
margin: 0;
} .pcp-profil-hero__opis {
max-inline-size: 62ch;
color: var(--wp--preset--color--text-muted);
font-size: var(--wp--preset--font-size--badge);
font-weight: 600;
letter-spacing: 0.08em;
line-height: 1.7;
text-transform: uppercase;
}
.pcp-profil-hero__przyciski {
display: flex;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--20);
justify-content: center;
inline-size: 100%;
} .pcp-profil-hero .pcp-avatar {
inline-size: 112px;
block-size: 112px;
font-size: 40px;
}
@media (max-width: 781px) {
.pcp-profil-hero__przyciski .wp-block-button,
.pcp-profil-hero__przyciski .wp-block-button__link {
inline-size: 100%;
}
}
@media (min-width: 782px) {
.pcp-profil-hero {
grid-template-columns: minmax(0, 1fr) auto;
gap: var(--wp--preset--spacing--50);
align-items: center;
justify-items: start;
text-align: start;
} .pcp-profil-hero .pcp-avatar {
order: 2;
inline-size: 140px;
block-size: 140px;
font-size: 48px;
}
.pcp-profil-hero__tekst {
align-items: flex-start;
}
.pcp-profil-hero__przyciski {
justify-content: flex-start;
}
} .pcp-profil-uklad {
display: grid;
grid-template-areas: "info" "tresc" "wsparcie";
gap: var(--wp--preset--spacing--50);
} .pcp-profil-uklad > * {
margin: 0 !important;
}
.pcp-profil-uklad > .pcp-profil-tresc {
grid-area: tresc;
min-inline-size: 0;
}
.pcp-profil-uklad > .pcp-profil-info {
grid-area: info;
}
.pcp-profil-uklad > .pcp-profil-wsparcie {
grid-area: wsparcie;
}
@media (min-width: 782px) {
.pcp-profil-uklad {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
grid-template-areas: "tresc info" "tresc wsparcie" "tresc .";
align-items: start;
}
}  .pcp-profil-tresc > .pcp-tytul-etykieta:not(:first-child) {
margin-block-start: var(--wp--preset--spacing--50);
} .pcp-karta-plaska {
padding: clamp(20px, 2.5vw, 28px);
border: 1px solid var(--wp--preset--color--border);
border-radius: var(--wp--preset--border-radius--card);
background-color: var(--wp--preset--color--bg-card);
} .pcp-profil-info__karta {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--20);
}
.pcp-profil-info__karta > * {
margin: 0;
}
.pcp-profil-info__wartosc {
color: var(--wp--preset--color--text-main);
font-weight: 600;
} .pcp-profil-chipy {
display: flex;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--10);
margin: 0;
padding: 0;
list-style: none;
}
.pcp-chip-maly {
margin: 0;
padding: 4px 12px;
border: 1px solid var(--wp--preset--color--border);
border-radius: var(--wp--preset--border-radius--pill);
background-color: var(--wp--preset--color--bg);
color: var(--wp--preset--color--text-muted);
font-size: var(--wp--preset--font-size--badge);
font-weight: 500;
line-height: 1.4;
} .pcp-profil-wsparcie__panel {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--20);
padding: clamp(24px, 3vw, 32px);
border-radius: var(--wp--preset--border-radius--card);
background-color: var(--wp--preset--color--bg-soft);
text-align: center;
}
.pcp-profil-wsparcie__panel > * {
margin: 0;
} .pcp-profil-info .wp-block-button,
.pcp-profil-info .wp-block-button__link,
.pcp-profil-wsparcie .wp-block-button,
.pcp-profil-wsparcie .wp-block-button__link {
inline-size: 100%;
}  .pcp-baza-hero > * {
margin: 0;
}
.pcp-baza-hero__opis {
margin-block-start: var(--wp--preset--spacing--10);
} .pcp-blog-kat__lista {
display: flex;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--10);
justify-content: center;
margin: 0;
padding: 0;
list-style: none;
}
.pcp-blog-kat__link {
display: inline-flex;
align-items: center;
min-block-size: 40px;
padding: 8px 18px;
border: 1px solid var(--wp--preset--color--border);
border-radius: var(--wp--preset--border-radius--pill);
background-color: var(--wp--preset--color--bg);
color: var(--wp--preset--color--text-main);
font-size: var(--wp--preset--font-size--small);
font-weight: 600;
line-height: 1;
text-decoration: none;
transition:
color 0.15s ease,
background-color 0.15s ease,
border-color 0.15s ease;
}
.pcp-blog-kat__link:hover {
border-color: var(--wp--preset--color--accent-blue);
color: var(--wp--preset--color--accent-blue);
}
.pcp-blog-kat__link.is-active {
border-color: var(--wp--preset--color--primary);
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--bg);
} .pcp-blog-lista .wp-block-post,
.pcp-wpis {
display: flex;
flex-direction: column;
overflow: hidden;
margin: 0;
border: 1px solid var(--wp--preset--color--border);
border-radius: var(--wp--preset--border-radius--card);
background-color: var(--wp--preset--color--bg);
box-shadow: var(--wp--preset--shadow--card);
transition:
transform 0.18s ease,
box-shadow 0.18s ease;
}
.pcp-blog-lista .wp-block-post:hover,
.pcp-wpis:hover {
transform: translateY(-4px);
box-shadow: var(--wp--preset--shadow--card-hover);
} .pcp-wpis__media {
display: block;
margin: 0;
background-color: var(--wp--preset--color--bg-card);
}
.pcp-wpis__media img,
.pcp-wpis__img {
display: block;
inline-size: 100%;
block-size: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;
}
.pcp-wpis__body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: var(--wp--preset--spacing--20);
padding: clamp(20px, 2.4vw, 28px);
} .pcp-wpis__kat {
display: inline-flex;
flex-wrap: wrap;
gap: 6px;
}
.pcp-wpis__kat .wp-block-post-terms__separator {
display: none;
}
.pcp-wpis__kat a,
span.pcp-wpis__kat {
display: inline-flex;
align-items: center;
padding: 4px 12px;
border-radius: var(--wp--preset--border-radius--pill);
background-color: var(--wp--preset--color--bg-soft);
color: var(--wp--preset--color--primary);
font-size: var(--wp--preset--font-size--badge);
font-weight: 600;
letter-spacing: 0.02em;
text-decoration: none;
text-transform: uppercase;
}
.pcp-wpis__kat a:hover {
background-color: var(--wp--preset--color--primary-soft);
}
.pcp-wpis__tytul {
margin: 0;
font-size: var(--wp--preset--font-size--large);
line-height: 1.3;
}
.pcp-wpis__tytul a {
color: var(--wp--preset--color--primary);
text-decoration: none;
}
.pcp-wpis__tytul a:hover {
text-decoration: underline;
}
.pcp-wpis__zajawka {
margin: 0;
color: var(--wp--preset--color--text-muted);
font-size: var(--wp--preset--font-size--small);
} .pcp-wpis__meta {
margin-block-start: auto;
padding-block-start: var(--wp--preset--spacing--10);
color: var(--wp--preset--color--text-muted);
font-size: var(--wp--preset--font-size--small);
}
.pcp-wpis__meta > * {
margin: 0;
}
.pcp-wpis__data,
.pcp-wpis__czas,
.pcp-wpis-meta__data,
.pcp-wpis-meta__czas {
display: inline-flex;
align-items: center;
gap: 6px;
}
.pcp-wpis__data::before,
.pcp-wpis__czas::before,
.pcp-wpis-meta__data::before,
.pcp-wpis-meta__czas::before {
content: "";
flex: none;
inline-size: 15px;
block-size: 15px;
background-color: currentColor;
-webkit-mask: var(--pcp-icon-calendar) center / contain no-repeat;
mask: var(--pcp-icon-calendar) center / contain no-repeat;
}
.pcp-wpis__czas::before,
.pcp-wpis-meta__czas::before {
-webkit-mask-image: var(--pcp-icon-clock);
mask-image: var(--pcp-icon-clock);
} .pcp-blog-paginacja {
margin-block-start: var(--wp--preset--spacing--50);
gap: var(--wp--preset--spacing--30);
font-weight: 600;
}
.pcp-blog-paginacja .wp-block-query-pagination-numbers {
display: inline-flex;
gap: var(--wp--preset--spacing--10);
}
.pcp-blog-paginacja a,
.pcp-blog-paginacja .page-numbers {
color: var(--wp--preset--color--primary);
text-decoration: none;
}
.pcp-blog-paginacja a:hover {
text-decoration: underline;
}
.pcp-blog-paginacja .page-numbers.current {
color: var(--wp--preset--color--text-muted);
}
.pcp-blog-pusto {
padding-block: var(--wp--preset--spacing--50);
} .pcp-wpis-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--wp--preset--spacing--20);
color: var(--wp--preset--color--text-muted);
font-size: var(--wp--preset--font-size--small);
}
.pcp-wpis-meta__kat {
display: inline-flex;
align-items: center;
padding: 4px 12px;
border-radius: var(--wp--preset--border-radius--pill);
background-color: var(--wp--preset--color--bg);
color: var(--wp--preset--color--primary);
font-size: var(--wp--preset--font-size--badge);
font-weight: 600;
letter-spacing: 0.02em;
text-decoration: none;
text-transform: uppercase;
}
.pcp-wpis-meta__kat:hover {
background-color: var(--wp--preset--color--primary-soft);
}
.pcp-artykul__tytul {
margin: 0;
}
.pcp-artykul__lead {
margin: 0;
line-height: 1.5;
}
.pcp-artykul__media {
margin-block: 0;
}
.pcp-artykul__media img {
inline-size: 100%;
border-radius: var(--wp--preset--border-radius--panel);
} .pcp-artykul__tresc > * {
margin-block: 0;
}
.pcp-artykul__tresc > * + * {
margin-block-start: var(--wp--preset--spacing--30);
}
.pcp-artykul__tresc > h2 {
margin-block-start: var(--wp--preset--spacing--50);
}
.pcp-artykul__tresc > h3 {
margin-block-start: var(--wp--preset--spacing--40);
}
.pcp-artykul__tresc :where(img, .wp-block-image img) {
border-radius: var(--wp--preset--border-radius--card);
}
.pcp-artykul__tresc blockquote {
margin-inline: 0;
padding-inline-start: var(--wp--preset--spacing--30);
border-inline-start: 3px solid var(--wp--preset--color--accent-gold);
color: var(--wp--preset--color--primary);
font-style: italic;
}
.pcp-artykul__tagi {
color: var(--wp--preset--color--text-muted);
font-size: var(--wp--preset--font-size--small);
}
.pcp-artykul__tagi a {
color: var(--wp--preset--color--text-muted);
} .pcp-autor {
display: flex;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--30);
align-items: center;
padding: clamp(20px, 2.6vw, 28px);
border-radius: var(--wp--preset--border-radius--card);
background-color: var(--wp--preset--color--bg-card);
}
.pcp-autor__foto {
flex: none;
}
.pcp-autor__avatar {
display: block;
inline-size: 72px;
block-size: 72px;
border-radius: var(--wp--preset--border-radius--pill);
object-fit: cover;
}
.pcp-autor__tresc {
flex: 1 1 240px;
}
.pcp-autor__tresc > * {
margin: 0;
}
.pcp-autor__rola {
color: var(--wp--preset--color--text-muted);
font-size: var(--wp--preset--font-size--badge);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.pcp-autor__imie {
font-size: var(--wp--preset--font-size--large);
font-weight: 600;
}
.pcp-autor__imie a {
color: var(--wp--preset--color--primary);
text-decoration: none;
}
.pcp-autor__imie a:hover {
text-decoration: underline;
}
.pcp-autor__bio {
margin-block-start: var(--wp--preset--spacing--10);
color: var(--wp--preset--color--text-muted);
font-size: var(--wp--preset--font-size--small);
} .pcp-powiazane__tytul {
margin: 0 0 var(--wp--preset--spacing--40);
text-align: center;
}
.pcp-powiazane__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: var(--wp--preset--spacing--30);
} .pcp-szukaj .wp-block-search__inside-wrapper {
padding: 6px;
border: 1px solid var(--wp--preset--color--border);
border-radius: var(--wp--preset--border-radius--pill);
background-color: var(--wp--preset--color--bg);
}
.pcp-szukaj .wp-block-search__input {
border: 0;
background: transparent;
padding-inline: 16px;
}
.pcp-szukaj .wp-block-search__input:focus {
outline: none;
}
.pcp-szukaj .wp-block-search__button {
margin: 0;
border-radius: var(--wp--preset--border-radius--pill);
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--bg);
}
.pcp-szukaj .wp-block-search__button:hover {
background-color: var(--wp--preset--color--primary-dark);
}:root {
--wpgdpr-bg: #ffffff;
--wpgdpr-surface: #f8fafc;
--wpgdpr-text: #0f172a;
--wpgdpr-muted: #475569;
--wpgdpr-subtle: #64748b;
--wpgdpr-border: #e2e8f0;
--wpgdpr-border-strong: #cbd5e1;
--wpgdpr-accent: #4f46e5;
--wpgdpr-accent-hover: #4338ca;
--wpgdpr-accent-soft: #eef2ff;
--wpgdpr-accent-ring: rgba(79, 70, 229, 0.18);
--wpgdpr-success: #10b981;
--wpgdpr-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
--wpgdpr-shadow-md:
0 10px 30px -10px rgba(15, 23, 42, 0.15),
0 4px 12px -4px rgba(15, 23, 42, 0.08);
--wpgdpr-shadow-lg:
0 24px 60px -12px rgba(15, 23, 42, 0.28),
0 8px 20px -8px rgba(15, 23, 42, 0.12);
--wpgdpr-radius-sm: 8px;
--wpgdpr-radius-md: 12px;
--wpgdpr-radius-lg: 16px;
--wpgdpr-font:
-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto,
"Helvetica Neue", Arial, sans-serif;
--wpgdpr-max-width: 1100px;
}
.wpnest-gdpr-banner,
.wpnest-gdpr-banner *,
.wpnest-gdpr-modal,
.wpnest-gdpr-modal * {
box-sizing: border-box;
font-family: var(--wpgdpr-font);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wpnest-gdpr-no-scroll {
overflow: hidden;
} .wpnest-gdpr-banner--bottom {
position: fixed;
left: 16px;
right: 16px;
bottom: 16px;
z-index: 999999;
background: var(--wpgdpr-bg);
color: var(--wpgdpr-text);
border: 1px solid var(--wpgdpr-border);
border-radius: var(--wpgdpr-radius-lg);
box-shadow: var(--wpgdpr-shadow-lg);
padding: 20px 24px;
animation: wpgdpr-slide-up 320ms cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes wpgdpr-slide-up {
from {
opacity: 0;
transform: translateY(24px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.wpnest-gdpr-banner--bottom .wpnest-gdpr-banner__inner {
display: flex;
flex-wrap: wrap;
gap: 18px;
align-items: center;
justify-content: space-between;
max-width: var(--wpgdpr-max-width);
margin: 0 auto;
}
.wpnest-gdpr-banner__brand {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 12px;
background: var(--wpgdpr-accent-soft);
color: var(--wpgdpr-accent);
}
.wpnest-gdpr-banner--bottom .wpnest-gdpr-banner__body {
flex: 1 1 320px;
min-width: 0;
}
.wpnest-gdpr-banner--bottom .wpnest-gdpr-banner__actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: flex-end;
} .wpnest-gdpr-banner--floating {
position: fixed;
right: 16px;
bottom: 16px;
z-index: 999999;
background: var(--wpgdpr-bg);
color: var(--wpgdpr-text);
border: 1px solid var(--wpgdpr-border);
border-radius: var(--wpgdpr-radius-lg);
box-shadow: var(--wpgdpr-shadow-lg);
padding: 24px;
width: min(380px, calc(100vw - 32px));
animation: wpgdpr-slide-up 320ms cubic-bezier(0.22, 1, 0.36, 1);
}
.wpnest-gdpr-banner--floating .wpnest-gdpr-banner__close {
position: absolute;
top: 10px;
right: 12px;
background: transparent;
border: 0;
font-size: 22px;
line-height: 1;
color: var(--wpgdpr-subtle);
cursor: pointer;
padding: 6px;
border-radius: 6px;
}
.wpnest-gdpr-banner--floating .wpnest-gdpr-banner__close:hover {
background: var(--wpgdpr-surface);
color: var(--wpgdpr-text);
}
.wpnest-gdpr-banner--floating .wpnest-gdpr-banner__actions--stack {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 16px;
} .wpnest-gdpr-banner__title {
margin: 0 0 6px;
font-size: 16px;
font-weight: 600;
line-height: 1.35;
color: var(--wpgdpr-text);
letter-spacing: -0.01em;
}
.wpnest-gdpr-banner__text {
margin: 0;
font-size: 13.5px;
line-height: 1.55;
color: var(--wpgdpr-muted);
} .wpnest-gdpr-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
min-height: 40px;
padding: 9px 18px;
border-radius: 10px;
font-size: 13.5px;
font-weight: 600;
line-height: 1;
letter-spacing: -0.005em;
cursor: pointer;
border: 1px solid transparent;
background: transparent;
color: var(--wpgdpr-text);
transition:
transform 120ms ease,
background-color 120ms ease,
border-color 120ms ease,
color 120ms ease,
box-shadow 120ms ease;
text-decoration: none;
text-transform: none;
text-shadow: none;
margin: 0;
min-width: 0;
width: auto;
-webkit-appearance: none;
appearance: none;
}
.wpnest-gdpr-btn:focus-visible {
outline: 0;
box-shadow: 0 0 0 3px var(--wpgdpr-accent-ring);
}
.wpnest-gdpr-btn:active {
transform: translateY(1px);
}
.wpnest-gdpr-btn--primary {
background: var(--wpgdpr-accent);
color: #ffffff;
border-color: var(--wpgdpr-accent);
box-shadow: var(--wpgdpr-shadow-sm);
}
.wpnest-gdpr-btn--primary:hover {
background: var(--wpgdpr-accent-hover);
border-color: var(--wpgdpr-accent-hover);
}
.wpnest-gdpr-btn--secondary {
background: var(--wpgdpr-bg);
color: var(--wpgdpr-text);
border-color: var(--wpgdpr-border-strong);
}
.wpnest-gdpr-btn--secondary:hover {
background: var(--wpgdpr-surface);
}
.wpnest-gdpr-btn--ghost {
background: transparent;
color: var(--wpgdpr-muted);
}
.wpnest-gdpr-btn--ghost:hover {
color: var(--wpgdpr-text);
background: var(--wpgdpr-surface);
} .wpnest-gdpr-modal[hidden] {
display: none;
}
.wpnest-gdpr-modal {
position: fixed;
inset: 0;
z-index: 1000000;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
}
.wpnest-gdpr-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(15, 23, 42, 0.55);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
animation: wpgdpr-fade 200ms ease-out;
}
.wpnest-gdpr-modal__dialog {
position: relative;
width: min(560px, 100%);
max-height: calc(100vh - 32px);
overflow: hidden;
background: var(--wpgdpr-bg);
color: var(--wpgdpr-text);
border-radius: var(--wpgdpr-radius-lg);
box-shadow: var(--wpgdpr-shadow-lg);
display: flex;
flex-direction: column;
animation: wpgdpr-scale-in 280ms cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes wpgdpr-fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes wpgdpr-scale-in {
from {
opacity: 0;
transform: scale(0.96) translateY(8px);
}
to {
opacity: 1;
transform: scale(1) translateY(0);
}
}
.wpnest-gdpr-modal__header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
padding: 22px 24px 16px;
border-bottom: 1px solid var(--wpgdpr-border);
}
.wpnest-gdpr-modal__brand {
display: flex;
gap: 14px;
align-items: flex-start;
flex: 1;
min-width: 0;
}
.wpnest-gdpr-modal__brand-icon {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 12px;
background: var(--wpgdpr-accent-soft);
color: var(--wpgdpr-accent);
}
.wpnest-gdpr-modal__header h2 {
margin: 0 0 4px;
font-size: 18px;
font-weight: 700;
letter-spacing: -0.015em;
color: var(--wpgdpr-text);
}
.wpnest-gdpr-modal__desc {
margin: 0;
color: var(--wpgdpr-muted);
font-size: 13.5px;
line-height: 1.55;
}
.wpnest-gdpr-modal__close {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
background: transparent;
border: 0;
border-radius: 8px;
color: var(--wpgdpr-subtle);
cursor: pointer;
transition:
background-color 120ms ease,
color 120ms ease;
}
.wpnest-gdpr-modal__close:hover {
background: var(--wpgdpr-surface);
color: var(--wpgdpr-text);
}
.wpnest-gdpr-modal__close:focus-visible {
outline: 0;
box-shadow: 0 0 0 3px var(--wpgdpr-accent-ring);
}
.wpnest-gdpr-modal__form {
flex: 1;
overflow-y: auto;
}
.wpnest-gdpr-modal__footer {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: flex-end;
padding: 16px 24px 20px;
border-top: 1px solid var(--wpgdpr-border);
background: var(--wpgdpr-surface);
} .wpnest-gdpr-category {
display: flex;
gap: 14px;
padding: 14px 16px;
margin: 4px 8px;
border-radius: 12px;
transition: background-color 120ms ease;
}
.wpnest-gdpr-category:hover {
background: var(--wpgdpr-surface);
}
.wpnest-gdpr-category__icon {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 10px;
background: var(--wpgdpr-accent-soft);
color: var(--wpgdpr-accent);
}
.wpnest-gdpr-category--necessary .wpnest-gdpr-category__icon {
background: #ecfdf5;
color: #047857;
}
.wpnest-gdpr-category--analytics .wpnest-gdpr-category__icon {
background: #eff6ff;
color: #1d4ed8;
}
.wpnest-gdpr-category--marketing .wpnest-gdpr-category__icon {
background: #fef3c7;
color: #b45309;
}
.wpnest-gdpr-category--preferences .wpnest-gdpr-category__icon {
background: #f3e8ff;
color: #6d28d9;
}
.wpnest-gdpr-category__body {
flex: 1;
min-width: 0;
}
.wpnest-gdpr-category__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.wpnest-gdpr-category__label {
font-size: 14.5px;
font-weight: 600;
color: var(--wpgdpr-text);
display: inline-flex;
align-items: center;
gap: 8px;
letter-spacing: -0.005em;
}
.wpnest-gdpr-category__badge {
display: inline-block;
padding: 2px 8px;
background: var(--wpgdpr-surface);
color: var(--wpgdpr-subtle);
font-size: 10.5px;
font-weight: 600;
border-radius: 999px;
text-transform: uppercase;
letter-spacing: 0.05em;
border: 1px solid var(--wpgdpr-border);
}
.wpnest-gdpr-category__desc {
margin: 6px 0 0;
color: var(--wpgdpr-muted);
font-size: 13px;
line-height: 1.55;
} .wpnest-gdpr-toggle {
position: relative;
display: inline-flex;
width: 40px;
height: 22px;
flex-shrink: 0;
}
.wpnest-gdpr-toggle input {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
opacity: 0;
cursor: pointer;
z-index: 2;
}
.wpnest-gdpr-toggle input:disabled {
cursor: not-allowed;
}
.wpnest-gdpr-toggle__track {
position: absolute;
inset: 0;
background: var(--wpgdpr-border-strong);
border-radius: 999px;
transition: background-color 200ms ease;
}
.wpnest-gdpr-toggle__track::after {
content: "";
position: absolute;
left: 2px;
top: 2px;
width: 18px;
height: 18px;
background: #ffffff;
border-radius: 50%;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.2);
transition: left 200ms cubic-bezier(0.22, 1, 0.36, 1);
}
.wpnest-gdpr-toggle input:checked + .wpnest-gdpr-toggle__track {
background: var(--wpgdpr-accent);
}
.wpnest-gdpr-toggle input:checked + .wpnest-gdpr-toggle__track::after {
left: 20px;
}
.wpnest-gdpr-toggle input:focus-visible + .wpnest-gdpr-toggle__track {
box-shadow: 0 0 0 3px var(--wpgdpr-accent-ring);
}
.wpnest-gdpr-toggle input:disabled + .wpnest-gdpr-toggle__track {
background: var(--wpgdpr-success);
opacity: 0.45;
} .wpnest-gdpr-footer-link {
position: fixed;
left: 20px;
bottom: 20px;
z-index: 999998;
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
padding: 0;
margin: 0;
border-radius: 50%;
background: var(--wpgdpr-bg);
border: 1px solid var(--wpgdpr-border);
color: var(--wpgdpr-accent);
cursor: pointer;
box-shadow: var(--wpgdpr-shadow-md);
transition:
transform 160ms cubic-bezier(0.22, 1, 0.36, 1),
background-color 160ms ease,
border-color 160ms ease,
color 160ms ease,
box-shadow 160ms ease;
-webkit-appearance: none;
appearance: none;
}
.wpnest-gdpr-footer-link:hover {
background: var(--wpgdpr-accent);
border-color: var(--wpgdpr-accent);
color: #ffffff;
transform: translateY(-2px);
box-shadow: var(--wpgdpr-shadow-lg);
}
.wpnest-gdpr-footer-link:active {
transform: translateY(0);
}
.wpnest-gdpr-footer-link:focus-visible {
outline: 0;
box-shadow:
var(--wpgdpr-shadow-lg),
0 0 0 3px var(--wpgdpr-accent-ring);
}
.wpnest-gdpr-footer-link svg {
display: block;
} .wpnest-gdpr-footer-link__sr {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} @media (max-width: 720px) {
.wpnest-gdpr-banner--bottom {
left: 12px;
right: 12px;
bottom: 12px;
padding: 14px 16px;
}
.wpnest-gdpr-banner--bottom .wpnest-gdpr-banner__inner {
flex-direction: column;
align-items: stretch;
gap: 12px;
}
.wpnest-gdpr-banner--bottom .wpnest-gdpr-banner__brand {
align-self: flex-start;
width: 36px;
height: 36px;
}
.wpnest-gdpr-banner--bottom .wpnest-gdpr-banner__body {
flex: 0 0 auto;
}
.wpnest-gdpr-banner--bottom .wpnest-gdpr-banner__actions {
justify-content: stretch;
gap: 6px;
}
.wpnest-gdpr-banner--bottom .wpnest-gdpr-btn,
.wpnest-gdpr-banner--floating .wpnest-gdpr-btn {
flex: 1 1 100%;
}
.wpnest-gdpr-modal__footer .wpnest-gdpr-btn {
flex: 1 1 100%;
}
.wpnest-gdpr-modal__header {
padding: 20px 20px 14px;
}
.wpnest-gdpr-modal__footer {
padding: 14px 20px 18px;
}
}
@media (prefers-reduced-motion: reduce) {
.wpnest-gdpr-banner--bottom,
.wpnest-gdpr-banner--floating,
.wpnest-gdpr-modal__backdrop,
.wpnest-gdpr-modal__dialog,
.wpnest-gdpr-btn,
.wpnest-gdpr-toggle__track,
.wpnest-gdpr-toggle__track::after,
.wpnest-gdpr-category,
.wpnest-gdpr-footer-link {
animation: none !important;
transition: none !important;
}
} @media (prefers-color-scheme: dark) {
:root {
--wpgdpr-bg: #0f172a;
--wpgdpr-surface: #1e293b;
--wpgdpr-text: #f8fafc;
--wpgdpr-muted: #cbd5e1;
--wpgdpr-subtle: #94a3b8;
--wpgdpr-border: #334155;
--wpgdpr-border-strong: #475569;
--wpgdpr-accent-soft: rgba(99, 102, 241, 0.18);
--wpgdpr-shadow-md:
0 10px 30px -10px rgba(0, 0, 0, 0.5), 0 4px 12px -4px rgba(0, 0, 0, 0.3);
--wpgdpr-shadow-lg:
0 24px 60px -12px rgba(0, 0, 0, 0.7), 0 8px 20px -8px rgba(0, 0, 0, 0.4);
}
.wpnest-gdpr-category--necessary .wpnest-gdpr-category__icon {
background: rgba(16, 185, 129, 0.15);
color: #34d399;
}
.wpnest-gdpr-category--analytics .wpnest-gdpr-category__icon {
background: rgba(59, 130, 246, 0.18);
color: #60a5fa;
}
.wpnest-gdpr-category--marketing .wpnest-gdpr-category__icon {
background: rgba(245, 158, 11, 0.18);
color: #fbbf24;
}
.wpnest-gdpr-category--preferences .wpnest-gdpr-category__icon {
background: rgba(168, 85, 247, 0.18);
color: #c084fc;
}
}