#waste-calculator{
margin:40px 0;
}

#waste-calculator *{
box-sizing:border-box;
font-family:inherit; /* keeps your theme font */
}

/* Container */
.waste-container{
max-width:900px;
margin:0 auto;
background:#ffffff;
padding:30px;
border-radius:12px;
border:1px solid #e5e7eb;
}

/* Title */
.waste-title{
text-align:center;
font-size:24px;
margin-bottom:5px;
}

.waste-subtitle{
text-align:center;
color:#6b7280;
margin-bottom:25px;
}

/* Grid */
.waste-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:25px;
}

/* Cards */
.waste-card{
background:#f9fafb;
padding:20px;
border-radius:10px;
}

/* Inputs */
.waste-card label{
display:block;
margin-top:12px;
font-size:13px;
}

.waste-card input{
width:100%;
padding:10px;
margin-top:5px;
border-radius:6px;
border:1px solid #d1d5db;
}

/* Button */
#w_btn{
margin-top:18px;
width:100%;
padding:12px;
background:#ef4444;
color:white;
border:none;
border-radius:6px;
cursor:pointer;
font-size:14px;
}

#w_btn:hover{
background:#dc2626;
}

/* Metrics */
.waste-metric{
background:white;
padding:12px;
border-radius:8px;
margin-top:12px;
text-align:center;
border:1px solid #e5e7eb;
}

.waste-metric h4{
margin:4px 0;
}

.highlight{
background:#ef4444;
color:white;
}

/* Insight */
.waste-insight{
margin-top:15px;
padding:12px;
background:#fff7ed;
border-left:4px solid #f97316;
font-size:14px;
}

/* Mobile */
@media (max-width:768px){
.waste-grid{
grid-template-columns:1fr;
}
}