:root {
            --primary: #0f172a;
            --accent: #3b82f6;
            --bg-body: #f8fafc;
            --bg-white: #ffffff;
            --text-main: #1e293b;
            --text-muted: #64748b;
            --border: #e2e8f0;
            --radius: 12px;
            --container: 1200px;
        }
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Vazirmatn', sans-serif; background-color: var(--bg-body); color: var(--text-main); line-height: 1.6; }
        a { text-decoration: none; color: inherit; transition: 0.3s; }
        img { max-width: 100%; display: block; object-fit: cover; }
        .container { max-width: var(--container); margin: 0 auto; padding: 0 24px; }
        


        /* دکمه‌ها */
        .btn { display: inline-flex; padding: 12px 24px; border-radius: 8px; font-weight: 600; cursor: pointer; transition: 0.3s; border: none; align-items: center; justify-content: center; gap: 8px; font-family: 'Vazirmatn', sans-serif; font-size: 1rem; }
        .btn-primary { background-color: var(--primary); color: white; }
        .btn-primary:hover { background-color: var(--accent); }

        /* عنوان صفحه */
        .page-header { text-align: center; margin: 50px 0 40px; }
        .page-header h1 { font-size: 2.5rem; color: var(--primary); font-weight: 800; margin-bottom: 10px; }
        .page-header p { color: var(--text-muted); font-size: 1.1rem; }

        /* گرید اصلی تماس با ما */
        .contact-grid {
            display: grid;
            grid-template-columns: 1fr 1.5fr;
            gap: 40px;
            margin-bottom: 60px;
        }

        /* کارت‌های اطلاعات تماس */
        .contact-info {
            background: var(--bg-white);
            border: 1px solid var(--border);
            border-radius: var(--radius);
            padding: 30px;
            height: fit-content;
        }
        .info-item {
            display: flex;
            gap: 15px;
            margin-bottom: 25px;
            padding-bottom: 25px;
            border-bottom: 1px solid #f1f5f9;
        }
        .info-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
        .info-icon {
            width: 50px;
            height: 50px;
            background: #eff6ff;
            color: var(--accent);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
            flex-shrink: 0;
        }
        .info-text h4 { font-size: 1.1rem; color: var(--primary); margin-bottom: 5px; }
        .info-text p { color: var(--text-muted); font-size: 0.95rem; line-height: 1.5; }

        /* شبکه‌های اجتماعی */
        .social-links { display: flex; gap: 10px; margin-top: 30px; }
        .social-icon {
            width: 40px;
            height: 40px;
            border: 1px solid var(--border);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--text-muted);
            transition: 0.3s;
        }
        .social-icon:hover { background: var(--primary); color: white; border-color: var(--primary); }

        /* فرم تماس */
        .contact-form {
            background: var(--bg-white);
            border: 1px solid var(--border);
            border-radius: var(--radius);
            padding: 30px;
        }
        .form-row { display: flex; gap: 20px; margin-bottom: 20px; }
        .form-group { margin-bottom: 20px; flex: 1; }
        .form-group label { display: block; margin-bottom: 8px; font-weight: 600; color: var(--text-main); font-size: 0.9rem; }
        .form-control {
            width: 100%;
            padding: 12px 15px;
            border: 1px solid var(--border);
            border-radius: 8px;
            font-family: 'Vazirmatn', sans-serif;
            font-size: 1rem;
            color: var(--text-main);
            background: var(--bg-body);
            transition: 0.3s;
        }
        .form-control:focus { outline: none; border-color: var(--accent); background: white; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); }
        textarea.form-control { resize: vertical; min-height: 150px; }

        /* بخش نقشه */
        .map-section {
            margin-bottom: 60px;
            border-radius: var(--radius);
            overflow: hidden;
            border: 1px solid var(--border);
            box-shadow: 0 4px 6px rgba(0,0,0,0.05);
            height: 350px;
            background-color: #e2e8f0;
            position: relative;
        }
        .map-placeholder {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .map-iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100% !important;
            height: 100% !important;
            border: 0;
            display: block;
        }



        @media(max-width: 768px) {
            .contact-grid { grid-template-columns: 1fr; }
            .form-row { flex-direction: column; gap: 0; }
            .page-header h1 { font-size: 2rem; }
        }

        .captcha-group {
    margin-top: 20px;
}

.captcha-container {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.captcha-image img {
    border-radius: var(--radius);
    border: 1px solid var(--border);
    height: 50px;
    width: auto;
}

/* استایل اینپوت کپچا */
.captcha-container input[type="text"] {
    flex: 1;
    min-width: 150px;
    padding: 10px 16px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    font-family: 'Vazirmatn', sans-serif;
    font-size: 1rem;
    background: var(--bg-body);
    transition: border-color 0.3s ease;
}

.captcha-container input[type="text"]:focus {
    outline: none;
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* استایل هیدن فیلدها */
.captcha-container input[type="hidden"] {
    display: none;
}