.chemeon-calculator {
max-width: 680px;
margin: 40px auto;
padding: 25px;
border: 1px solid #ddd;
border-radius: 8px;
background: #fff;
font-family: Arial, sans-serif;
}
.chemeon-calculator h2 {
text-align: center;
color: #A21E34;
font-size: 1.9rem;
margin-bottom: 20px;
}
.calc-row {
display: flex;
gap: 15px;
margin-bottom: 16px;
}
.calc-group {
display: flex;
flex-direction: column;
margin-bottom: 14px;
}
.calc-group label {
font-weight: 600;
margin-bottom: 6px;
font-size: 14px;
color: #333;
}
.calc-group input {
padding: 9px 10px;
border: 1px solid #bbb;
border-radius: 6px;
font-size: 15px;
transition: 0.2s ease;
}
.calc-group input:focus {
border-color: #A21E34;
box-shadow: 0 0 4px rgba(162,30,52,0.2);
outline: none;
}
.calc-buttons {
display: flex;
gap: 10px;
margin-top: 18px;
}
.calc-buttons button {
flex: 1;
padding: 10px;
border: none;
border-radius: 6px;
font-weight: bold;
cursor: pointer;
}
.btn-clear {
background: #e0e0e0;
color: #333;
}
.btn-clear:hover {
background: #ccc;
}
.btn-reset {
background: #A21E34;
color: #fff;
}
.btn-reset:hover {
background: #86182b;
}