.mfit-calc-ffmi .mfit-ffmi-summary {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
margin-top: 1.5rem;
padding: 1rem;
background: rgba(255, 255, 255, 0.5);
border-radius: 12px;
}
.mfit-calc-ffmi .mfit-summary-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.mfit-calc-ffmi .mfit-summary-label {
font-size: 0.75rem;
color: #718096;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 0.25rem;
}
.mfit-calc-ffmi .mfit-summary-val {
font-size: 1.25rem;
font-weight: 700;
color: #2d3748;
}
.mfit-calc-ffmi .mfit-ffmi-status-box {
margin: 1.5rem 0;
}
.mfit-calc-ffmi .mfit-status-indicator {
height: 8px;
width: 100%;
background: #edf2f7;
border-radius: 4px;
position: relative;
margin-bottom: 0.75rem;
overflow: hidden;
}
.mfit-calc-ffmi .mfit-status-indicator::after {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 0%;
background: var(--mfit-primary, #3b82f6);
transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.mfit-calc-ffmi .mfit-status-text {
display: block;
text-align: center;
font-size: 0.9rem;
font-weight: 600;
color: #4a5568;
} .mfit-calc-ffmi.mfit-gender-male .mfit-female-only {
display: none !important;
}
.mfit-calc-ffmi.mfit-gender-female .mfit-female-only {
display: block !important;
}
@media print {
.mfit-calc-ffmi.mfit-gender-male .mfit-female-only {
display: none !important;
}
}