/* Consultation Page */
.consultation-page { padding: 60px 0; background: #f8f8f8; min-height: 80vh; }
.consultation-page .container { max-width: 1200px; }

/* Page Header */
.page-header { text-align: center; margin-bottom: 50px; }
.page-header h1 { font-size: 2.5rem; font-weight: 700; color: var(--color-purple); margin-bottom: 10px; }
.page-header p { font-size: 1.1rem; color: #666; }

/* Grid Layout */
.consultation-grid { display: grid; grid-template-columns: 1fr 2fr; gap: 40px; }

/* Contact Info */
.contact-info { background: var(--color-purple); color: var(--color-white); padding: 40px; border-radius: 8px; }
.contact-info h2 { font-size: 1.5rem; margin-bottom: 30px; font-weight: 600; }
.contact-item { margin-bottom: 25px; }
.contact-item strong { display: block; color: var(--color-orange); margin-bottom: 5px; font-size: 0.9rem; }
.contact-item p { margin: 0; line-height: 1.6; }
.contact-item a { color: var(--color-white); text-decoration: none; }
.contact-item a:hover { color: var(--color-orange); }

/* Form Container */
.form-container { background: var(--color-white); padding: 40px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.08); }

/* Form Fields */
.field { margin-bottom: 20px; }
.field label { display: block; font-weight: 500; color: #333; margin-bottom: 6px; font-size: 0.95rem; }
.field input, .field select, .field textarea { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 4px; font-size: 1rem; font-family: inherit; transition: border-color 0.2s; }
.field input:focus, .field select:focus, .field textarea:focus { outline: none; border-color: var(--color-orange); }
.field textarea { resize: vertical; }

/* Field Group (side by side) */
.field-group { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

/* Select Dropdown */
.field select { background: var(--color-white); cursor: pointer; }

/* Submit Button */
.btn-submit { width: 100%; background: var(--color-orange); color: var(--color-white); border: none; padding: 14px; border-radius: 4px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: background 0.3s; margin-top: 10px; }
.btn-submit:hover { background: var(--color-purple); }

/* Messages */
.message { padding: 15px 20px; border-radius: 4px; margin-bottom: 30px; }
.message.success { background: #d4edda; color: #155724; border-left: 4px solid #28a745; }
.message.error { background: #f8d7da; color: #721c24; border-left: 4px solid #dc3545; }

/* Tablet */
@media (max-width: 992px) {
    .consultation-grid { grid-template-columns: 1fr; }
    .contact-info { margin-bottom: 30px; }
}

/* Mobile */
@media (max-width: 768px) {
    .consultation-page { padding: 40px 0; }
    .page-header h1 { font-size: 2rem; }
    .field-group { grid-template-columns: 1fr; gap: 0; }
    .form-container { padding: 30px 20px; }
    .contact-info { padding: 30px 20px; }
}

@media (max-width: 480px) {
    .page-header h1 { font-size: 1.75rem; }
    .form-container { padding: 25px 15px; }
}