/* Styl dla linku more... */
.more-link {
    color: #0288D1;
    
    cursor: pointer;
}



/* Pop-up (modal) */
.popup {
    display: none; /* Ukryty na początku */
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Półprzezroczyste tło */
    z-index: 1;
}

.popup-content {
    background-color: #ffffff;
    flex-direction: column;
    margin: 10% auto;
    width: 70%;
    height: 70%;
    text-align: center;
}

.close-btn-popup {
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.close-btn-popup:hover,
.close-btn-popup:focus {
    color: #000;
}
#popup-text {
    color: black;    /* Na wypadek, gdyby tekst był niewidoczny */
    font-size: 18px; /* Upewnij się, że tekst nie jest za mały */
    text-align: left;
    visibility: visible;
}
#popup-image {
    width: 100% ;
    margin: -15px 0px;
}
#popup-text_1 {
    color: black;    /* Na wypadek, gdyby tekst był niewidoczny */
    font-size: 18px; /* Upewnij się, że tekst nie jest za mały */
    text-align: left;
    visibility: visible;
}
#popup-image_1 {
    width: 100% ;
    margin: -15px 0px;
}
#popup-text_2 {
    color: black;    /* Na wypadek, gdyby tekst był niewidoczny */
    font-size: 18px; /* Upewnij się, że tekst nie jest za mały */
    text-align: left;
    visibility: visible;
}
#popup-image_2 {
    width: 100% ;
    margin: -15px 0px;
}
#popup-text_3 {
    color: black;    /* Na wypadek, gdyby tekst był niewidoczny */
    font-size: 18px; /* Upewnij się, że tekst nie jest za mały */
    text-align: left;
    visibility: visible;
}
#popup-image_3 {
    width: 100% ;
    margin: -15px 0px;
}