#fizetes-calculator-container {
    background-color: #fff; border: 1px solid #e9e9e9; border-radius: 8px;
    padding: 25px; max-width: 600px; margin: 20px auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    box-shadow: 0 4px 15px rgba(0,0,0,0.07);
}
#fizetes-calculator-container h3 {
    text-align: center; margin-top: 0; color: #333;
}
.fizetes-form-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 25px;
}
.fizetes-form-group label {
    display: block; margin-bottom: 8px; font-weight: 600;
}
.fizetes-form-group input[type="number"] {
    width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 5px; font-size: 16px; box-sizing: border-box;
}
.kedvezmenyek-section {
    background-color: #f9f9f9; padding: 15px; border-radius: 8px; margin-bottom: 25px;
}
.kedvezmenyek-section h4 {
    margin-top: 0; text-align: center; color: #555; margin-bottom: 15px; font-size: 16px;
}
.kedvezmenyek-grid {
    display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap;
}
.kedvezmeny-label {
    display: flex; align-items: center; gap: 8px;
}
.kedvezmeny-label select { padding: 5px; border-radius: 4px; border: 1px solid #ccc; }

#eredmeny-wrapper { text-align: center; }
#eredmeny-kulonbseg-wrapper {
    background: linear-gradient(135deg, #e0f2f1, #b2dfdb);
    color: #004d40;
    padding: 20px; border-radius: 10px; margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
}
#eredmeny-kulonbseg-wrapper.hidden { display: none; }
#eredmeny-kulonbseg-szoveg { margin: 0; font-size: 18px; }
#eredmeny-kulonbseg-szoveg-2 { margin: 0; font-size: 18px; }
#eredmeny-kulonbseg-osszeg {
    margin: 5px 0; font-size: 36px; font-weight: 700;
}

#reszletes-eredmenyek {
    background-color: #fafafa; padding: 15px; border-radius: 5px;
}
.reszlet-sor {
    display: flex; justify-content: space-between; padding: 8px 0; font-size: 16px;
}
.reszlet-sor span { color: #555; }
.reszlet-sor strong { color: #333; }
@media (max-width: 600px) {
    .fizetes-form-grid { grid-template-columns: 1fr; }
    .kedvezmenyek-grid { flex-direction: column; gap: 15px; }
}