/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jun 02 2026 | 13:13:31 */
#maska {
	opacity: 0;
}
#napis {
    opacity: 0;
}

#logo-svg-strgl {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    overflow: visible; /* Bardzo ważne, żeby wielka maska nie została ucięta */
}

#maska, #napis {
    vector-effect: non-scaling-stroke; 
}

.ticker-wrapper {
    display: block;
    gap: 10px;
    align-items: center;
    overflow: hidden;
	height: 120px;
	text-align:center;
}

.ticker-item {
	position:absolute;
	align-items: center;
    opacity: 0;
	color:#FFF4FF;
	text-align:center;
	width: 100%;
}

/* MOBILE */
@media (max-width: 767px) {
	.falling-text {
        font-size: clamp(1.5rem, 10vw, 2rem);
        letter-spacing: -1px;
    }
}

.falling-text {
    display: block;
    overflow: visible;
	position: relative;
	font-size: clamp(2rem, 8vw, 5rem);
	color:#c4a8c8;
    font-family: "DynaPuff", Sans-serif;
	white-space: normal;
	text-align: center;
}

/* Każda litera musi być inline-block, żeby móc ją przesuwać */
.falling-text span {
    display: inline-block;
    transform-origin: center top;
    will-change: transform, opacity;
	position: relative;
	z-index:11;
}
.full-height-logos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    overflow: visible;
}

.scattered-logos-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
    max-width: 1200px;
    margin-top: 50px;
}

.logo-wrapper {
    flex: 0 0 30%; 
    display: flex;
    justify-content: center;
    align-items: center; 
    will-change: transform, opacity;
}

.logo-item.scattered {
    display: block;
    will-change: transform;
}

.logo-item.scattered img {
    height: auto;
    max-height: 200px;
    width: auto;
    filter: grayscale(100%) brightness(80%);
    opacity: 0.6;
    transition: filter 0.4s ease, opacity 0.4s ease;
}

/* Efekt chaosu - każde logo lekko inaczej */
.logo-item.scattered:nth-child(1) { transform: translateY(-20px) rotate(-5deg); }
.logo-item.scattered:nth-child(2) { transform: translateY(30px) rotate(3deg); }
.logo-item.scattered:nth-child(3) { transform: translateY(-40px) rotate(-2deg); }
.logo-item.scattered:nth-child(4) { transform: translateY(15px) rotate(4deg); }
.logo-item.scattered:nth-child(5) { transform: translateY(-10px) rotate(-3deg); }

/* Hover - powrót koloru zostaje */
.logo-item.scattered:hover img {
    filter: grayscale(0%) brightness(100%);
    opacity: 1;
    transform: scale(1.15);
}

@media (max-width: 768px) {
    /* Skupiamy się na kontenerze */
    .scattered-logos-container {
        gap: 10px 5px; 
        margin-top: 10px;
        justify-content: center;
        align-items: center;
		flex-direction: column;
    }

    /* Resetujemy wymiary elementów */
    .logo-item.scattered {
        flex: 0 0 auto; /* Pozwalamy im zajmować tylko tyle miejsca, ile potrzebuje obrazek */
        transform: none !important; /* Usuwamy przesunięcia chaosu, które psuły układ */
        margin: 0 !important;
    }

    .logo-item.scattered img {
        max-height: 80px;
        max-width: 95%;
        height: auto;
    }
	.logo-wrapper {
        flex: 0 0 auto;
        width: 140px;
    }
}

#wycena {
    position: relative;
    overflow: hidden;
    --reveal-rect: 0%;
}

#wycena::before {
content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: var(--e-global-color-primary) !important;
    z-index: 0 !important;
    clip-path: circle(var(--reveal-radius) at 50% 50%);
    display: block !important;
}

#wycena > .e-con-inner {
    position: relative;
    z-index: 1;
}

.kropeczki {
    position: relative !important;
    display: inline-block;
    overflow: visible !important;
    z-index: 1;
    color: transparent !important;
    background: transparent; 
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.1); 
}

.sparkle {
    position: absolute;
    background-color: rgba(196, 168, 200, 0.9); 
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    z-index: 1; 
}

/* Domyślny stan nagłówka - przyklejony, ale schowany powyżej ekranu */
.moj-ukryty-naglowek {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999 !important; /* Żeby na pewno był nad innymi sekcjami */
    opacity: 0;
    transform: translateY(-100%);
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    pointer-events: none; /* Blokuje klikanie, gdy menu jest niewidoczne */
}

/* Stan po przewinięciu o 100vh - menu płynnie wjeżdża */
.moj-ukryty-naglowek.pokaz-naglowek {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto; /* Przywraca klikalność linków w menu */
}