:root {
    --pk-header-height: 112px;
    --pk-admin-bar-offset: 0px;
    --pk-bg-image: url("../img/hero-milky-way.webp");
    --pk-accent: #f58218;
    --pk-accent-soft: rgba(245,130,24,.08);
    --pk-accent-star: rgba(245,130,24,.38);
    --pk-hero-bg: #0b111b;
    --pk-hero-text: #f7f8fb;
    --pk-hero-muted: #eef2f7;
    --pk-overlay-left: rgba(5,9,15,.57);
    --pk-overlay-center: rgba(5,9,15,.38);
    --pk-overlay-right: rgba(5,9,15,.11);
    --pk-header-transparent: rgba(4,8,14,.42);
    --pk-header-transparent-top: rgba(4,8,14,.32);
    --pk-header-transparent-text: #fff;
    --pk-header-solid-bg: #fff;
    --pk-header-solid-top: #f3f4f5;
    --pk-header-solid-text: #26313b;
    --pk-header-solid-border: rgba(245,130,24,.42);
    --pk-primary-text: #11151c;
    --pk-secondary-text: #fff;
    --pk-hero-min: 610px;
    --pk-hero-vh: 82vh;
    --pk-hero-max: 820px;
    --pk-content-width: 1260px;
    --pk-logo-width: 460px;
    --pk-logo-mobile-width: 310px;
    --pk-overlap: 72px;
    --pk-overlap-mobile: 46px;
    --pk-stars-far-time: 38s;
    --pk-stars-near-time: 25s;
    --pk-cover-float-time: 8.8s;
    --pk-header-bg-time: 2.35s;
    --pk-header-text-time: 1.05s;
    --pk-header-logo-time: .85s;
    --pk-header-blur: 10px;
    --pk-cover-front-brightness: 1.24;
    --pk-cover-mid-brightness: 1.18;
    --pk-cover-far-brightness: 1.13;
    --pk-cover-mid-blur: .45px;
    --pk-cover-far-blur: 1.5px;
}

body.admin-bar {
    --pk-admin-bar-offset: 32px;
}

body.home.pk-space-hero-mounted,
body.home.pk-space-hero-mounted #main-container {
    overflow-x: clip;
}

.pk-space-hero {
    position: relative;
    isolation: isolate;
    left: 50%;
    width: 100vw !important;
    min-width: 100vw;
    max-width: none !important;
    min-height: clamp(var(--pk-hero-min), var(--pk-hero-vh), var(--pk-hero-max));
    margin: 0 0 0 -50vw !important;
    overflow: hidden;
    display: grid;
    place-items: center;
    background: var(--pk-hero-bg);
    color: var(--pk-hero-text);
}

.pk-space-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -4;
    background:
        radial-gradient(circle at 78% 22%, rgba(160, 168, 178, .13), transparent 27%),
        radial-gradient(circle at 24% 80%, var(--pk-accent-soft), transparent 24%);
    pointer-events: none;
}

.pk-space-hero__backdrop {
    --pk-sky-y: 0px;
    position: absolute;
    inset: -9% 0 -11%;
    z-index: -6;
    width: 100%;
    background:
        linear-gradient(90deg, var(--pk-overlay-left) 0%, var(--pk-overlay-center) 42%, transparent 72%, var(--pk-overlay-right) 100%),
        var(--pk-bg-image) center center / cover no-repeat;
    transform: translate3d(0, var(--pk-sky-y), 0) scale(1.08);
    transform-origin: 50% 50%;
    will-change: transform;
    pointer-events: none;
}

.pk-space-hero__nebula {
    position: absolute;
    inset: -10%;
    z-index: -5;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 30%, rgba(255,255,255,.035), transparent 16%),
        radial-gradient(circle at 73% 66%, var(--pk-accent-soft), transparent 21%),
        radial-gradient(circle at 80% 16%, rgba(160,168,178,.08), transparent 22%);
    filter: blur(18px);
}

.pk-space-hero__stars {
    position: absolute;
    inset: -13%;
    z-index: -3;
    pointer-events: none;
    transform: translate3d(var(--pk-star-x, 0px), var(--pk-star-y, 0px), 0) scale(1.04);
    will-change: transform;
}

.pk-space-hero__stars--far {
    opacity: .38;
    background-image:
        radial-gradient(circle, rgba(255,255,255,.82) 0 1px, transparent 1.45px),
        radial-gradient(circle, rgba(255,255,255,.42) 0 .8px, transparent 1.25px);
    background-position: 0 0, 34px 48px;
    background-size: 78px 78px, 114px 114px;
    animation: pk-stars-drift var(--pk-stars-far-time) linear infinite;
}

.pk-space-hero__stars--near {
    opacity: .22;
    background-image:
        radial-gradient(ellipse, rgba(255,255,255,.52) 0 1px, transparent 2px),
        radial-gradient(ellipse, var(--pk-accent-star) 0 .8px, transparent 2px);
    background-position: 12px 8px, 68px 42px;
    background-size: 146px 146px, 204px 204px;
    animation: pk-stars-drift var(--pk-stars-near-time) linear infinite reverse;
}

.pk-space-hero__veil {
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(90deg, var(--pk-overlay-left) 0%, var(--pk-overlay-center) 35%, transparent 63%, var(--pk-overlay-right) 100%),
        linear-gradient(180deg, rgba(0,0,0,.04) 0%, transparent 63%, rgba(0,0,0,.27) 100%);
    pointer-events: none;
}

.pk-space-hero__inner {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: calc(var(--pk-header-height, 112px) + 58px) 0 130px;
    position: relative;
    z-index: 4;
}

.pk-space-hero__copy {
    width: min(var(--pk-content-width), calc(100% - 54px));
    margin-inline: auto;
    text-shadow: 0 12px 34px rgba(0,0,0,.34);
}

.pk-space-hero__title,
.pk-space-hero__subtitle,
.pk-space-hero__actions {
    --pk-motion-x: 0px;
    --pk-motion-y: 0px;
    transform: translate3d(var(--pk-motion-x), var(--pk-motion-y), 0);
    will-change: transform;
}

.pk-space-hero__title {
    margin: 0;
    width: min(var(--pk-logo-width), 48vw);
}

.pk-space-hero__logo {
    display: block;
    width: 100%;
    height: auto;
    max-width: var(--pk-logo-width);
    filter: drop-shadow(0 16px 34px rgba(0,0,0,.38));
}

.pk-space-hero__subtitle {
    max-width: 780px;
    margin: 22px 0 0;
    font-size: clamp(1.18rem, 1.95vw, 1.96rem);
    line-height: 1.36;
    font-weight: 470;
    color: var(--pk-hero-muted);
}

.pk-space-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}

.pk-space-hero__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 49px;
    padding: 12px 23px;
    border: 1px solid transparent;
    border-radius: 2px;
    font-weight: 760;
    line-height: 1.2;
    text-decoration: none !important;
    transition: transform .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
}

.pk-space-hero__button:hover,
.pk-space-hero__button:focus-visible {
    transform: translateY(-2px);
}

.pk-space-hero__button--primary {
    background: var(--pk-accent);
    color: var(--pk-primary-text);
}

.pk-space-hero__button--primary:hover,
.pk-space-hero__button--primary:focus-visible {
    filter: brightness(1.08);
    color: var(--pk-primary-text);
}

.pk-space-hero__button--secondary {
    border-color: rgba(255,255,255,.48);
    background: rgba(255,255,255,.075);
    color: var(--pk-secondary-text);
    backdrop-filter: blur(5px);
}

.pk-space-hero__button--secondary:hover,
.pk-space-hero__button--secondary:focus-visible {
    border-color: rgba(255,255,255,.86);
    background: rgba(255,255,255,.14);
    color: var(--pk-secondary-text);
}

.pk-space-hero__covers {
    position: absolute;
    inset: 0;
    z-index: 2;
    perspective: 1300px;
    pointer-events: none;
}

.pk-space-hero__cover-wrap {
    --pk-cover-x: 0px;
    --pk-cover-y: 0px;
    position: absolute;
    width: clamp(126px, 12vw, 224px);
    aspect-ratio: 3 / 4.25;
    transform: translate3d(var(--pk-cover-x), var(--pk-cover-y), 0);
    will-change: transform;
}

.pk-space-hero__cover-drift {
    width: 100%;
    height: 100%;
    animation: pk-cover-float var(--pk-cover-float-time) ease-in-out infinite;
}

.pk-space-hero__cover {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 4px;
    box-shadow: 0 30px 76px rgba(0,0,0,.44), 0 0 0 1px rgba(255,255,255,.2);
    transform-origin: 50% 50%;
    filter: brightness(var(--pk-cover-front-brightness)) saturate(1.08) contrast(1.08);
}

.pk-space-hero__cover-wrap--1 { top: 5%; right: 4%; transform: translate3d(var(--pk-cover-x),var(--pk-cover-y),0) rotate(7deg) scale(1.12); opacity: 1; }
.pk-space-hero__cover-wrap--2 { top: 45%; right: 18%; transform: translate3d(var(--pk-cover-x),var(--pk-cover-y),0) rotate(-7deg) scale(.88); opacity: 1; }
.pk-space-hero__cover-wrap--3 { top: 10%; right: 29%; transform: translate3d(var(--pk-cover-x),var(--pk-cover-y),0) rotate(-5deg) scale(.77); opacity: .92; }
.pk-space-hero__cover-wrap--4 { bottom: -7%; right: 1%; transform: translate3d(var(--pk-cover-x),var(--pk-cover-y),0) rotate(10deg) scale(.98); opacity: .94; }
.pk-space-hero__cover-wrap--5 { top: -4%; left: 44%; transform: translate3d(var(--pk-cover-x),var(--pk-cover-y),0) rotate(5deg) scale(.6); opacity: .62; }
.pk-space-hero__cover-wrap--6 { bottom: -12%; left: 39%; transform: translate3d(var(--pk-cover-x),var(--pk-cover-y),0) rotate(-8deg) scale(.67); opacity: .58; }
.pk-space-hero__cover-wrap--7 { top: 18%; right: -3%; transform: translate3d(var(--pk-cover-x),var(--pk-cover-y),0) rotate(-12deg) scale(.7); opacity: .74; }
.pk-space-hero__cover-wrap--8 { bottom: 8%; right: 36%; transform: translate3d(var(--pk-cover-x),var(--pk-cover-y),0) rotate(5deg) scale(.55); opacity: .54; }
.pk-space-hero__cover-wrap--9 { top: 57%; left: 5%; transform: translate3d(var(--pk-cover-x),var(--pk-cover-y),0) rotate(-6deg) scale(.45); opacity: .27; }
.pk-space-hero__cover-wrap--10 { top: -3%; left: 11%; transform: translate3d(var(--pk-cover-x),var(--pk-cover-y),0) rotate(10deg) scale(.37); opacity: .21; }

.pk-space-hero__cover-wrap--3 .pk-space-hero__cover,
.pk-space-hero__cover-wrap--5 .pk-space-hero__cover,
.pk-space-hero__cover-wrap--8 .pk-space-hero__cover {
    filter: brightness(var(--pk-cover-mid-brightness)) saturate(1.03) contrast(1.04) blur(var(--pk-cover-mid-blur));
}

.pk-space-hero__cover-wrap--6 .pk-space-hero__cover {
    filter: brightness(var(--pk-cover-mid-brightness)) saturate(.99) contrast(1.03) blur(var(--pk-cover-mid-blur));
}

.pk-space-hero__cover-wrap--9 .pk-space-hero__cover,
.pk-space-hero__cover-wrap--10 .pk-space-hero__cover {
    filter: brightness(var(--pk-cover-far-brightness)) saturate(.95) contrast(1.02) blur(var(--pk-cover-far-blur));
}

.pk-space-hero__cover-wrap:nth-child(2n) .pk-space-hero__cover-drift { animation-delay: -2.4s; animation-duration: calc(var(--pk-cover-float-time) + 1s); }
.pk-space-hero__cover-wrap:nth-child(3n) .pk-space-hero__cover-drift { animation-delay: -4.1s; animation-duration: calc(var(--pk-cover-float-time) + 2.4s); }

.pk-space-hero__scroll-hint {
    position: absolute;
    left: 50%;
    bottom: calc(var(--pk-overlap) + 6px);
    width: 28px;
    height: 44px;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 20px;
    transform: translateX(-50%);
    z-index: 5;
}

.pk-space-hero__scroll-hint span {
    position: absolute;
    top: 8px;
    left: 50%;
    width: 4px;
    height: 8px;
    border-radius: 6px;
    background: var(--pk-accent);
    transform: translateX(-50%);
    animation: pk-scroll-hint 2s ease-in-out infinite;
}

/* Nagłówek Blocksy: przezroczysty na hero, biały po minięciu logo. */
body.home.pk-space-hero-mounted #header,
body.home.pk-space-hero-mounted header.ct-header,
body.home.pk-space-hero-mounted .ct-header {
    position: fixed !important;
    top: var(--pk-admin-bar-offset) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    transition: background-color var(--pk-header-bg-time) cubic-bezier(.22,.61,.36,1), box-shadow var(--pk-header-bg-time) ease-in-out, color var(--pk-header-text-time) ease-in-out !important;
}

body.home.pk-space-hero-mounted #header [data-row],
body.home.pk-space-hero-mounted header.ct-header [data-row],
body.home.pk-space-hero-mounted .ct-header [data-row] {
    transition: background-color var(--pk-header-bg-time) cubic-bezier(.22,.61,.36,1), border-color var(--pk-header-bg-time) ease-in-out, box-shadow var(--pk-header-bg-time) ease-in-out, -webkit-backdrop-filter var(--pk-header-bg-time) ease-in-out, backdrop-filter var(--pk-header-bg-time) ease-in-out !important;
}

body.home.pk-space-hero-mounted:not(.pk-space-header-solid) #header [data-row],
body.home.pk-space-hero-mounted:not(.pk-space-header-solid) header.ct-header [data-row],
body.home.pk-space-hero-mounted:not(.pk-space-header-solid) .ct-header [data-row] {
    background-color: var(--pk-header-transparent) !important;
    border-color: rgba(255,255,255,.12) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(var(--pk-header-blur)) saturate(112%);
    backdrop-filter: blur(var(--pk-header-blur)) saturate(112%);
}

body.home.pk-space-hero-mounted:not(.pk-space-header-solid) #header [data-row="top"],
body.home.pk-space-hero-mounted:not(.pk-space-header-solid) header.ct-header [data-row="top"],
body.home.pk-space-hero-mounted:not(.pk-space-header-solid) .ct-header [data-row="top"] {
    background-color: var(--pk-header-transparent-top) !important;
}

body.home.pk-space-hero-mounted #header a,
body.home.pk-space-hero-mounted #header button,
body.home.pk-space-hero-mounted #header [class*="ct-icon"],
body.home.pk-space-hero-mounted #header [class*="ct-toggle"],
body.home.pk-space-hero-mounted #header .ct-header-text,
body.home.pk-space-hero-mounted header.ct-header a,
body.home.pk-space-hero-mounted header.ct-header button {
    transition: color var(--pk-header-text-time) ease-in-out, opacity var(--pk-header-logo-time) ease-in-out, background-color var(--pk-header-text-time) ease-in-out !important;
}

body.home.pk-space-hero-mounted:not(.pk-space-header-solid) #header,
body.home.pk-space-hero-mounted:not(.pk-space-header-solid) #header a,
body.home.pk-space-hero-mounted:not(.pk-space-header-solid) #header button,
body.home.pk-space-hero-mounted:not(.pk-space-header-solid) #header [class*="ct-icon"],
body.home.pk-space-hero-mounted:not(.pk-space-header-solid) #header [class*="ct-toggle"],
body.home.pk-space-hero-mounted:not(.pk-space-header-solid) #header .ct-header-text,
body.home.pk-space-hero-mounted:not(.pk-space-header-solid) header.ct-header,
body.home.pk-space-hero-mounted:not(.pk-space-header-solid) header.ct-header a,
body.home.pk-space-hero-mounted:not(.pk-space-header-solid) header.ct-header button {
    color: var(--pk-header-transparent-text) !important;
}

body.home.pk-space-hero-mounted:not(.pk-space-header-solid) #header svg,
body.home.pk-space-hero-mounted:not(.pk-space-header-solid) header.ct-header svg {
    fill: currentColor !important;
    stroke: currentColor;
}

body.home.pk-space-hero-mounted:not(.pk-space-header-solid) #header img,
body.home.pk-space-hero-mounted:not(.pk-space-header-solid) header.ct-header img {
    filter: drop-shadow(0 3px 10px rgba(0,0,0,.38));
}

body.home.pk-space-hero-mounted #header [data-id="logo"],
body.home.pk-space-hero-mounted header.ct-header [data-id="logo"],
body.home.pk-space-hero-mounted #header .site-logo-container,
body.home.pk-space-hero-mounted header.ct-header .site-logo-container,
body.home.pk-space-hero-mounted #header .ct-header-branding,
body.home.pk-space-hero-mounted header.ct-header .ct-header-branding {
    transition: opacity var(--pk-header-logo-time) ease-in-out, visibility var(--pk-header-logo-time) ease-in-out !important;
}

body.home.pk-space-hero-mounted:not(.pk-space-header-solid) #header [data-id="logo"],
body.home.pk-space-hero-mounted:not(.pk-space-header-solid) header.ct-header [data-id="logo"],
body.home.pk-space-hero-mounted:not(.pk-space-header-solid) #header .site-logo-container,
body.home.pk-space-hero-mounted:not(.pk-space-header-solid) header.ct-header .site-logo-container,
body.home.pk-space-hero-mounted:not(.pk-space-header-solid) #header .ct-header-branding,
body.home.pk-space-hero-mounted:not(.pk-space-header-solid) header.ct-header .ct-header-branding {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body.home.pk-space-hero-mounted.pk-space-header-solid #header [data-id="logo"],
body.home.pk-space-hero-mounted.pk-space-header-solid header.ct-header [data-id="logo"],
body.home.pk-space-hero-mounted.pk-space-header-solid #header .site-logo-container,
body.home.pk-space-hero-mounted.pk-space-header-solid header.ct-header .site-logo-container,
body.home.pk-space-hero-mounted.pk-space-header-solid #header .ct-header-branding,
body.home.pk-space-hero-mounted.pk-space-header-solid header.ct-header .ct-header-branding {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

body.home.pk-space-hero-mounted.pk-space-header-solid #header,
body.home.pk-space-hero-mounted.pk-space-header-solid header.ct-header,
body.home.pk-space-hero-mounted.pk-space-header-solid .ct-header {
    background-color: var(--pk-header-solid-bg) !important;
    box-shadow: 0 8px 30px rgba(15,24,35,.12) !important;
}

body.home.pk-space-hero-mounted.pk-space-header-solid #header [data-row="top"],
body.home.pk-space-hero-mounted.pk-space-header-solid header.ct-header [data-row="top"] {
    background-color: var(--pk-header-solid-top) !important;
    border-color: rgba(20,30,40,.08) !important;
}

body.home.pk-space-hero-mounted.pk-space-header-solid #header [data-row]:not([data-row="top"]),
body.home.pk-space-hero-mounted.pk-space-header-solid header.ct-header [data-row]:not([data-row="top"]) {
    background-color: var(--pk-header-solid-bg) !important;
    border-color: var(--pk-header-solid-border) !important;
}

body.home.pk-space-hero-mounted.pk-space-header-solid #header,
body.home.pk-space-hero-mounted.pk-space-header-solid #header a,
body.home.pk-space-hero-mounted.pk-space-header-solid #header button,
body.home.pk-space-hero-mounted.pk-space-header-solid #header [class*="ct-icon"],
body.home.pk-space-hero-mounted.pk-space-header-solid #header [class*="ct-toggle"],
body.home.pk-space-hero-mounted.pk-space-header-solid #header .ct-header-text,
body.home.pk-space-hero-mounted.pk-space-header-solid header.ct-header,
body.home.pk-space-hero-mounted.pk-space-header-solid header.ct-header a,
body.home.pk-space-hero-mounted.pk-space-header-solid header.ct-header button {
    color: var(--pk-header-solid-text) !important;
}

body.home.pk-space-hero-mounted .pk-space-hero-following {
    position: relative;
    z-index: 8;
    margin-top: calc(-1 * var(--pk-overlap)) !important;
    border-radius: 0 !important;
    background: var(--theme-palette-color-8, #fff);
    box-shadow: 0 -16px 40px rgba(7,14,22,.11);
    overflow: visible;
}

@keyframes pk-stars-drift {
    from { background-position: 0 0, 34px 48px; }
    to { background-position: 0 150px, 34px 248px; }
}

@keyframes pk-cover-float {
    0%, 100% { transform: translate3d(0,0,0) rotateX(0deg); }
    50% { transform: translate3d(0,-12px,0) rotateX(1.3deg); }
}

@keyframes pk-scroll-hint {
    0% { opacity: 0; transform: translate(-50%,0); }
    30% { opacity: 1; }
    100% { opacity: 0; transform: translate(-50%,15px); }
}

@media (max-width: 980px) {
    .pk-space-hero__copy { width: min(100%, calc(100% - 40px)); }
    .pk-space-hero__title { width: min(var(--pk-logo-width), 58vw); }
    .pk-space-hero__cover-wrap--4,
    .pk-space-hero__cover-wrap--7,
    .pk-space-hero__cover-wrap--9,
    .pk-space-hero__cover-wrap--10 { display: none; }
}

@media (max-width: 782px) {
    body.admin-bar { --pk-admin-bar-offset: 46px; }
}

@media (max-width: 640px) {
    .pk-space-hero { min-height: clamp(500px, 70vh, 610px); }
    .pk-space-hero__inner { padding: calc(var(--pk-header-height, 92px) + 42px) 0 102px; }
    .pk-space-hero__copy { width: min(100%, calc(100% - 30px)); }
    .pk-space-hero__title { width: min(var(--pk-logo-mobile-width), 78vw); }
    .pk-space-hero__logo { max-width: var(--pk-logo-mobile-width); }
    .pk-space-hero__subtitle { font-size: clamp(1rem, 4.1vw, 1.22rem); max-width: 34ch; }
    .pk-space-hero__actions { gap: 10px; }
    .pk-space-hero__button { width: 100%; min-height: 46px; }
    .pk-space-hero__cover-wrap--3,
    .pk-space-hero__cover-wrap--5,
    .pk-space-hero__cover-wrap--6,
    .pk-space-hero__cover-wrap--8 { display: none; }
    .pk-space-hero__cover-wrap--1 { top: 15%; right: -4%; opacity: .54; }
    .pk-space-hero__cover-wrap--2 { top: 58%; right: 8%; opacity: .46; }
    .pk-space-hero__scroll-hint { bottom: calc(var(--pk-overlap-mobile) + 6px); }
    body.home.pk-space-hero-mounted .pk-space-hero-following { margin-top: calc(-1 * var(--pk-overlap-mobile)) !important; }
}

@media (prefers-reduced-motion: reduce) {
    .pk-space-hero__cover-drift,
    .pk-space-hero__stars--far,
    .pk-space-hero__stars--near,
    .pk-space-hero__scroll-hint span { animation: none !important; }
    .pk-space-hero__title,
    .pk-space-hero__subtitle,
    .pk-space-hero__actions,
    .pk-space-hero__cover-wrap,
    .pk-space-hero__stars,
    .pk-space-hero__backdrop { transform: none !important; }
}

/* v1.1: treść pełnoekranowego menu mobilnego nie wchodzi pod górną belkę z przyciskiem zamknięcia. */
@media (max-width: 999.98px) {
    body.pk-space-hero-mounted #offcanvas,
    body.pk-space-hero-mounted [data-id="offcanvas"],
    body.pk-space-hero-mounted .ct-panel,
    body.pk-space-header-only #offcanvas,
    body.pk-space-header-only [data-id="offcanvas"],
    body.pk-space-header-only .ct-panel {
        z-index: 100000 !important;
    }

    body.pk-space-hero-mounted #offcanvas .ct-panel-content,
    body.pk-space-hero-mounted [data-id="offcanvas"] .ct-panel-content,
    body.pk-space-hero-mounted .ct-panel .ct-panel-content,
    body.pk-space-header-only #offcanvas .ct-panel-content,
    body.pk-space-header-only [data-id="offcanvas"] .ct-panel-content,
    body.pk-space-header-only .ct-panel .ct-panel-content {
        padding-top: calc(var(--pk-mobile-menu-offset, 88px) + env(safe-area-inset-top, 0px)) !important;
        box-sizing: border-box;
    }

    body.pk-space-hero-mounted #offcanvas .ct-panel-actions,
    body.pk-space-hero-mounted [data-id="offcanvas"] .ct-panel-actions,
    body.pk-space-header-only #offcanvas .ct-panel-actions,
    body.pk-space-header-only [data-id="offcanvas"] .ct-panel-actions {
        position: relative;
        z-index: 100002 !important;
    }
}