.b2b-wholesale-form {
background: #ffffff;
padding: 30px;
border-radius: 12px;
margin: 20px auto;
box-shadow: 0 4px 20px rgba(54, 84, 147, 0.15);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
border: 1px solid #e1e5e9;
}

.b2b-wholesale-form h2 {
color: #365493;
text-align: center;
margin-bottom: 25px;
font-size: 1.8em;
font-weight: 600;
background: linear-gradient(135deg, #365493, #a4c93f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.form-section {
margin-bottom: 20px;
padding: 15px;
background: linear-gradient(135deg, #f8f9fa, #f5f8f0);
border-radius: 8px;
border-left: 4px solid #365493;
border-top: 1px solid rgba(164, 201, 63, 0.3);
}

.form-section h3 {
margin: 0 0 15px 0;
color: #365493;
font-size: 1.1em;
font-weight: 500;
}

.form-row {
display: flex;
gap: 15px;
margin-bottom: 15px;
}

.form-row .form-field {
flex: 1;
}

.b2b-wholesale-form label {
display: block;
margin-bottom: 15px;
color: #365493;
font-weight: 500;
font-size: 0.95em;
}

.required-field {
color: #a4c93f;
font-weight: bold;
}

.b2b-wholesale-form input,
.b2b-wholesale-form textarea,
.b2b-wholesale-form select {
width: 100%;
padding: 12px 15px;
margin-top: 5px;
border: 2px solid #e1e5e9;
border-radius: 6px;
font-size: 1em;
box-sizing: border-box;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
background: #ffffff;
}

.b2b-wholesale-form input:focus,
.b2b-wholesale-form textarea:focus,
.b2b-wholesale-form select:focus {
outline: none;
border-color: #365493;
box-shadow: 0 0 0 3px rgba(164, 201, 63, 0.2);
}

.b2b-wholesale-form textarea {
min-height: 100px;
resize: vertical;
}

.b2b-wholesale-form select {
cursor: pointer;
}

.submit-section {
text-align: center;
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid rgba(164, 201, 63, 0.3);
}

.b2b-wholesale-form .b2b-submit {
background: linear-gradient(135deg, #365493, #2a4373);
color: #ffffff;
border: none;
padding: 15px 40px;
border-radius: 8px;
cursor: pointer;
font-size: 1.1em;
font-weight: 600;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(54, 84, 147, 0.3);
position: relative;
overflow: hidden;
}

.b2b-wholesale-form .b2b-submit:hover {
background: linear-gradient(135deg, #a4c93f, #8db032);
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(164, 201, 63, 0.4);
}

.b2b-wholesale-form .b2b-submit:hover::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
animation: shine 0.6s ease-in-out;
}

@keyframes shine {
0% { left: -100%; }
100% { left: 100%; }
}

.form-note {
font-size: 0.85em;
color: #365493;
text-align: center;
margin-top: 15px;
font-style: italic;
}

@media (max-width: 768px) {
.form-row {
flex-direction: column;
gap: 0;
}

.b2b-wholesale-form {
padding: 20px;
margin: 10px;
}
}