/* =====================================================
   contact.css — استایل اختصاصی صفحه تماس با ما
   (کلاس‌های عمومی فرم مثل .form-field و .form-alert به main.css منتقل شدند
   چون صفحه سفارش هم به آن‌ها نیاز دارد)
   ===================================================== */

.contact-layout {
    display: grid;
    grid-template-columns: 1fr 1.3fr;
    gap: 48px;
    align-items: start;
}
@media (max-width: 860px) { .contact-layout { grid-template-columns: 1fr; } }

.contact-info-card {
    background: linear-gradient(145deg, var(--shell-surface-2, #151a27), var(--shell-surface, #111621));
    border: 1px solid var(--paper-line);
    border-radius: var(--radius-lg);
    padding: 32px 28px;
    box-shadow: var(--shadow-card);
}
.contact-info-card h3 { font-size: 18px; margin-bottom: 22px; }
.contact-info-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 22px;
    font-size: 14.5px;
    padding: 12px;
    border-radius: var(--radius-sm);
    transition: background var(--duration-fast) ease;
}
.contact-info-item:hover { background: var(--paper-100); }
.contact-info-item:last-child { margin-bottom: 0; }
.contact-info-icon {
    width: 42px; height: 42px;
    flex-shrink: 0;
    border-radius: 12px;
    background: var(--gradient-dark);
    color: var(--paper-050);
    display: flex; align-items: center; justify-content: center;
    transition: transform var(--duration-med) var(--ease-spring);
}
.contact-info-item:hover .contact-info-icon { transform: scale(1.06); }
.contact-info-item strong { display: block; margin-bottom: 3px; }
.contact-info-item span, .contact-info-item a { color: var(--ink-700); }