.rider-weight-box {
background: #1e1e1e;
border: 1px solid #3a3a3a;
border-radius: 12px;
padding: 15px 18px;
margin: 20px 0;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
color: #fff;
max-width: 340px;
}
.rider-weight-box label {
font-weight: 600;
font-size: 15px;
color: #fff;
display: flex;
align-items: center;
gap: 6px;
}
.rider-weight-box label::before {
content: "🏍️";
font-size: 18px;
}
.rider-weight-box select {
margin-top: 8px;
padding: 10px 12px;
border-radius: 8px;
width: 100%;
max-width: 300px;
background-color: #2c2c2c;
color: #fff;
border: 1px solid #555;
font-size: 14px;
transition: all 0.2s ease-in-out;
}
.rider-weight-box select:hover {
border-color: #ff4040;
background-color: #353535;
}
.rider-weight-box select:focus {
outline: none;
box-shadow: 0 0 0 2px #ff4040;
}