/* Styl ogólny dla całej strony */
body {
    background-color: #f8f9fa;
    font-family: Arial, sans-serif;
}

/* Kontener kalkulatora */
.container {
    max-width: 600px;
}

/* Płynne pojawianie się kalkulatora */
.calc-section {
    transition: opacity 0.5s ease, transform 0.5s ease;
    opacity: 0;
    transform: translateY(-20px);
}

.calc-section.show {
    opacity: 1;
    transform: translateY(0);
}

/* Marginesy i odstępy między wynikami */
.wynik > .alert {
    margin-bottom: 10px;
}

/* Responsywność przy mniejszych ekranach */
@media (max-width: 576px) {
    .d-flex.gap-2 {
        flex-direction: column;
    }
}