.consultation { max-width: 940px; margin: 70px auto; padding: 20px; }
.consultation-wrap {
    display: grid; grid-template-columns: 1fr 1.05fr;
    border-radius: 24px; overflow: hidden;
    background: var(--color0901);
    box-shadow: 0 20px 60px color-mix(in srgb, var(--color0902) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--color0902) 8%, transparent);
}
.consultation-side {
    padding: 44px 34px; text-align: right; direction: rtl;
    background: linear-gradient(160deg, var(--color0903), var(--color0904));
    color: #fff;
}
.consultation-side h2 { font-family: Sahel-SemiBold; font-size: 27px; margin: 0 0 12px; }
.consultation-side p {
    font-family: Sahel-Light; font-size: 15px; line-height: 2;
    margin: 0 0 26px; color: color-mix(in srgb, #ffffff 85%, transparent);
}
.consultation-features { list-style: none; padding: 0; margin: 0; }
.consultation-features li {
    display: flex; align-items: center; gap: 10px;
    font-family: Sahel-Light; font-size: 14px; margin-bottom: 14px;
    color: color-mix(in srgb, #ffffff 90%, transparent);
}
.consultation-features i { color: #fff; opacity: 0.85; }
.consultation-panel { padding: 40px 34px; }
.consultation-panel label {
    display: block; direction: rtl; text-align: right;
    font-family: Sahel-SemiBold; font-size: 13px; margin-bottom: 7px;
    color: var(--color0902);
}
.consultation-panel label span { color: rgb(150, 0, 0); }
.consultation-panel input, .consultation-panel textarea {
    width: 100%; direction: rtl; text-align: right; box-sizing: border-box;
    font-family: Sahel-Light; font-size: 14px; margin-bottom: 18px;
    padding: 13px 14px; border-radius: 12px; outline: none;
    color: var(--color0902);
    background: color-mix(in srgb, var(--color0902) 3%, transparent);
    border: 1px solid color-mix(in srgb, var(--color0902) 15%, transparent);
    transition: border-color 0.3s, box-shadow 0.3s; resize: vertical;
}
.consultation-panel input::placeholder, .consultation-panel textarea::placeholder {
    color: color-mix(in srgb, var(--color0902) 40%, transparent);
}
.consultation-panel input:focus, .consultation-panel textarea:focus {
    border-color: var(--color0903);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--color0903) 12%, transparent);
}
.consultation-panel button {
    display: inline-flex; align-items: center; justify-content: center; gap: 9px;
    width: 100%; cursor: pointer;
    font-family: Sahel-SemiBold; font-size: 15px; color: #fff;
    padding: 14px 0; border: none; border-radius: 12px;
    background: linear-gradient(135deg, var(--color0903), var(--color0904));
    transition: transform 0.25s ease, box-shadow 0.3s ease;
}
.consultation-panel button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px color-mix(in srgb, var(--color0903) 38%, transparent);
}
@media screen and (max-width: 720px) {
    .consultation { margin: 40px 12px; padding: 0; }
    .consultation-wrap { grid-template-columns: 1fr; }
    .consultation-side { padding: 32px 22px; }
    .consultation-panel { padding: 30px 22px; }
    .consultation-side h2 { font-size: 23px; }
}