html, body { height: 100%; }
        body {
            font-family: "PF Handbook Pro", Arial, sans-serif;
            color: var(--brand-text);
            background:
                linear-gradient(135deg, #eef4fb 0%, #e4eefb 42%, #d7e8fb 100%);
            overflow-x: hidden;
        }

        .page-spline-bg {
            position: fixed;
            inset: 0;
            z-index: 0;
            pointer-events: auto;
            overflow: hidden;
    		will-change: transform;
        }
        .mobile-gradient-bg {
            display: none;
            position: fixed;
            inset: 0;
            z-index: 0;
            pointer-events: none;
            background:
                radial-gradient(circle at 15% 20%, rgba(255,255,255,0.78), transparent 24%),
                radial-gradient(circle at 82% 18%, rgba(219,234,254,0.65), transparent 26%),
                radial-gradient(circle at 80% 80%, rgba(191,219,254,0.34), transparent 28%),
                linear-gradient(145deg, #eff5fb 0%, #e3eefb 46%, #d7e7fb 100%);
        }
        .page-spline-bg::before {
            content: "";
            position: absolute;
            inset: 0;
            background:
                radial-gradient(circle at 12% 18%, rgba(255,255,255,0.28), transparent 24%),
                radial-gradient(circle at 88% 82%, rgba(219,234,254,0.16), transparent 22%),
                linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(248,250,252,0.10) 100%);
            z-index: 2;
            pointer-events: none;
        }
        .page-spline-bg spline-viewer {
			position: absolute;
			inset: 0;
			width: 100%;
			height: 100%;
			display: block;
    		transform: translateZ(0);
		}
        spline-viewer {
            background: transparent !important;
            --spline-viewer-logo-display: none;
        }
        spline-viewer::part(logo) { display: none !important; }

        .brand-card {
            background: linear-gradient(180deg, rgba(255,255,255,0.76) 0%, rgba(248,250,252,0.70) 100%);
            border: 1px solid rgba(255,255,255,0.52);
            box-shadow: 0 24px 60px rgba(11, 15, 25, 0.10);
            backdrop-filter: blur(14px);
        }
        .brand-card-soft {
            background: rgba(255,255,255,0.44);
            border: 1px solid rgba(255,255,255,0.56);
            backdrop-filter: blur(10px);
        }
        .icon-chip {
            background: rgba(219,234,254,0.88);
            color: var(--brand-blue);
        }

        

		.page-spline-bg {
			position: fixed;
			inset: 0;
			z-index: 0;
			overflow: hidden;
		}

		.page-spline-bg spline-viewer {
			width: 100%;
			height: 100%;
			display: block;
		}
.page-spline-bg {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: auto;
    overflow: hidden;
    will-change: transform;
}

.page-spline-bg spline-viewer {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    transform: translateZ(0);
    pointer-events: auto;
}

.contact-shell {
    position: relative;
    z-index: 1;
    min-height: calc(100vh - 92px);
    display: flex;
    align-items: center;
    padding-top: 7.35rem;
    padding-bottom: 2rem;
    pointer-events: none;
}

.contact-stage {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: calc(100vh - 140px);
    pointer-events: none;
}

.contact-panel {
    position: relative;
    z-index: 2;
    width: min(100%, 620px);
    pointer-events: auto;
}

.contact-panel .brand-card-soft,
.contact-panel form,
.contact-panel .contact-meta,
.contact-panel .contact-meta > div,
.contact-map-card {
    position: relative;
    pointer-events: auto;
}

.contact-panel input,
.contact-panel select,
.contact-panel textarea,
.contact-panel button,
.contact-panel a,
.contact-panel label,
.contact-panel iframe {
    pointer-events: auto;
}
        .intro-copy {
            color: var(--brand-text-soft);
        }
        .form-input,
        .form-textarea,
        .form-select {
            width: 100%;
            border: 1px solid rgba(148, 163, 184, 0.28);
            background: rgba(248,250,252,0.80);
            color: var(--brand-text);
            border-radius: 1rem;
            padding: 0.95rem 1rem;
            transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
        }
        .form-input::placeholder,
        .form-textarea::placeholder { color: var(--brand-text-muted); }
        .form-input:focus,
        .form-textarea:focus,
        .form-select:focus {
            border-color: rgba(37,99,235,0.42);
            box-shadow: 0 0 0 4px rgba(37,99,235,0.12);
            background: rgba(255,255,255,0.92);
        }
        .form-textarea { min-height: 108px; resize: vertical; }
        .form-submit {
            border: 0;
            cursor: pointer;
            min-width: 210px;
        }
        .contact-meta a,
        .contact-meta p:last-child {
            color: var(--brand-text);
            text-decoration: none;
        }
        .contact-meta a:hover { color: var(--brand-blue); }
        .footer-dark {
            position: relative;
            z-index: 1;
            background: rgba(11,15,25,0.92);
            backdrop-filter: blur(10px);
        }

        .title-desktop {
          display: block;
        }
            
        .title-mobile {
          display: none;
        }
        @media (max-width: 1023px) {
            .contact-shell {
                min-height: auto;
                padding-top: 6.6rem;
            }
            .contact-stage {
                min-height: auto;
                justify-content: center;
            }
            .contact-panel {
                width: 100%;
            }
            .title-desktop {
              display: block;
            }
            
            .title-mobile {
              display: none;
            }
        }

        @media (max-width: 768px) {
            .page-spline-bg { display: none; }
            .mobile-gradient-bg { display: block; }
            .title-desktop {
              display: none;
            }
            
            .title-mobile {
              display: block;
            }
        }

        @media (max-width: 640px) {
            .nav-logo-wrap {
                width: 170px;
                height: 38px;
            }
            .contact-shell {
                padding-top: 6rem;
                padding-bottom: 1.5rem;
            }
            .form-submit {
                width: 100%;
                min-width: 0;
            }
            .title-desktop {
              display: none;
            }
            
            .title-mobile {
              display: block;
            }
        }
		html {
    		scroll-behavior: smooth;
		}

		body.page-kontakt #navbar,
		body.page-template-page-kontakt #navbar {
			background: rgba(255,255,255,0.92);
			backdrop-filter: blur(16px);
			box-shadow: 0 10px 30px rgba(11, 15, 25, 0.08);
			padding-top: 0.85rem;
			padding-bottom: 0.85rem;
		}

		body.page-kontakt #navbar .nav-link,
		body.page-kontakt #navbar #mobile-menu-btn,
		body.page-kontakt #navbar .nav-brand-text,
		body.page-template-page-kontakt #navbar .nav-link,
		body.page-template-page-kontakt #navbar #mobile-menu-btn,
		body.page-template-page-kontakt #navbar .nav-brand-text {
			color: var(--brand-text);
		}

		body.page-kontakt .nav-logo-wrap .logo-dark,
		body.page-template-page-kontakt .nav-logo-wrap .logo-dark {
			opacity: 1;
		}

		body.page-kontakt .nav-logo-wrap .logo-light,
		body.page-template-page-kontakt .nav-logo-wrap .logo-light {
			opacity: 0;
		}

.contact-stage {
    display: flex;
    align-items: flex-start;
    min-height: calc(100vh - 140px);
    pointer-events: none;
}

.contact-panel {
    position: relative;
    z-index: 2;
    width: min(100%, 620px);
    pointer-events: auto;
    margin-top: -0.75rem;
}


.contact-meta .icon-chip {
    flex-shrink: 0;
}
.contact-meta a {
    color: var(--brand-text);
    text-decoration: none;
}

.contact-meta a:hover {
    color: var(--brand-blue);
}

.contact-meta .min-w-0 {
    min-width: 0;
}