/* Pulsujący przycisk telefonu */
.main-menu__call-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Ikona telefonu */
.main-menu__call-icon i {
    position: relative;
    z-index: 2;
    animation: phone-ring 4s infinite;
    transform-origin: 50% 70%;
}

/* Pulsująca poświata */
.main-menu__call-icon::before {
    content: "";
    position: absolute;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(0, 140, 255, 0.25);
    animation: phone-pulse 4s infinite;
    z-index: 1;
}

/* Animacja telefonu */

@keyframes phone-ring {

    0%, 88%, 100% {
        transform: rotate(0deg);
    }

    89% {
        transform: rotate(-18deg);
    }

    90% {
        transform: rotate(18deg);
    }

    91% {
        transform: rotate(-15deg);
    }

    92% {
        transform: rotate(15deg);
    }

    93% {
        transform: rotate(-10deg);
    }

    94% {
        transform: rotate(10deg);
    }

    95% {
        transform: rotate(0deg);
    }
}


/* Pulsujaca poswiata */
@keyframes phone-pulse {

    0%, 88%, 100% {
        transform: scale(0.9);
        opacity: 0;
    }

    89% {
        transform: scale(1);
        opacity: .45;
    }

    91% {
        transform: scale(1.35);
        opacity: .25;
    }

    94% {
        transform: scale(1.7);
        opacity: 0;
    }
}

.news-details__content h2.news-details__title,
.news-details__content h3.news-details__title {
    margin-top: 35px;
}

/* odstęp całej sekcji */
.feature-lokalne {
    margin-bottom: 100px;
}

/* ujednolicone marginesy tytułów w całej sekcji lokalnej */
.feature-lokalne .section-title {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* sekcja dzielnic – zachowujemy Twoje reguły */
.feature-lokalne__districts h2,
.feature-lokalne__districts h3 {
    margin: 0;
}

.feature-lokalne__districts p {
    margin-bottom: 20px;
}

/* odstęp po sekcji lokalnej (ważne dla miast bez dzielnic) */
.feature-lokalne__content {
    margin-bottom: 20px;
}

.feature-lokalne p {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.news-details__content h2, h3 {
    margin: 30px 0 0 0;
}