.bes-form{
max-width:700px;
margin:40px auto;
padding:25px;
border-radius:10px;
background:#ffffff;
box-shadow:0 8px 25px rgba(0,0,0,0.08);
font-family:inherit;
}

.bes-title{
margin-bottom:20px;
}

.bes-products-title{
margin-top:30px;
margin-bottom:15px;
}

.bes-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:15px;
}

.bes-field{
display:flex;
flex-direction:column;
margin-bottom:15px;
}

.bes-field label{
font-size:14px;
margin-bottom:6px;
font-weight:600;
}

.bes-field input,
.bes-field select{
padding:10px;
border-radius:6px;
border:1px solid #ccc;
font-size:14px;
height:45px;
transition:border-color .2s, box-shadow .2s;
}

.bes-field input:focus,
.bes-field select:focus{
outline:none;
border-color:#0073aa;
box-shadow:0 0 0 2px rgba(0,115,170,0.2);
}

.bes-products{
overflow-x:auto;
}

.bes-table{
width:100%;
border-collapse:collapse;
}

.bes-table td{
padding:8px 6px;
border-bottom:1px solid #eee;
}

.bes-product-name{
font-size:14px;
}

.bes-product-qty input{
width:70px;
padding:6px;
}

.bes-submit{
margin-top:25px;
text-align:right;
}

.bes-submit button{
background:#0073aa;
color:white;
border:none;
padding:12px 22px;
font-size:15px;
border-radius:6px;
cursor:pointer;
transition:background .2s;
}

.bes-submit button:hover{
background:#005e8a;

}

.InfoImportant {
    border: 1px solid #c40000;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(196,0,0,0.35);
	font-size: 16px;
    color: black;
    background-color: white;
	display: none; 
    padding: 12px 12px 12px 70px;
    margin: 12px 0;

    position: relative;
}

.InfoImportant::before {
    content: "⚠";
	color: #F5C332;
    font-size: 60px;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}


/* Responsive */

@media (max-width:700px){

.bes-grid{
grid-template-columns:1fr;
}

.bes-submit{
text-align:center;
}

}