/* Aleje Jerozolimskie 109 - Custom Styles (append to alejejerozolimskie109.css or enqueue separately) */

* { font-family: 'Inter', system-ui, -apple-system, sans-serif; }

.ios-glass {
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 8px 32px rgba(0,0,0,0.06);
}

.ios-glass-strong {
    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 12px 40px rgba(0,0,0,0.08);
}

.nav-glass {
    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.green-glow {
    box-shadow: 0 0 30px rgba(16,185,129,0.15), 0 8px 32px rgba(0,0,0,0.06);
}

.green-glow-strong {
    box-shadow: 0 0 40px rgba(16,185,129,0.25), 0 12px 40px rgba(0,0,0,0.08);
}

.card-hover {
    transition: transform 300ms ease, box-shadow 300ms ease;
}
.card-hover:hover {
    transform: scale(1.03);
    box-shadow: 0 16px 48px rgba(0,0,0,0.1);
}

.gradient-text {
    background: linear-gradient(135deg, #34d399, #10b981, #059669);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.blur-circle {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    z-index: 0;
}

.fade-in-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade-in-up.visible {
    opacity: 1;
    transform: translateY(0);
}

details summary { cursor: pointer; list-style: none; }
details summary::-webkit-details-marker { display: none; }
details summary::marker { display: none; }
details[open] summary .faq-chevron { transform: rotate(180deg); }
.faq-chevron { transition: transform 300ms ease; }

.lightbox-overlay {
    position: fixed; inset: 0; z-index: 100;
    background: rgba(0,0,0,0.9);
    backdrop-filter: blur(10px);
    display: none;
    align-items: center; justify-content: center;
}
.lightbox-overlay.active { display: flex; }

.hero-gradient {
    background: linear-gradient(180deg,
        rgba(0,0,0,0.1) 0%,
        rgba(0,0,0,0.3) 40%,
        rgba(0,0,0,0.6) 75%,
        rgba(6,78,59,0.45) 100%
    );
}

@media (max-width: 768px) {
    .mobile-menu { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; }
    .mobile-menu.open { max-height: 500px; }
}

.sticky-bar-hidden { transform: translateY(100%); }
.sticky-bar-visible { transform: translateY(0); }

.pricing-toggle-btn {
    transition: all 300ms ease;
}
.pricing-toggle-btn.active {
    background: #000;
    color: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}