<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="مرکز تخصصی طب کار دکتر علی زاده در اهواز">
    <meta name="keywords" content="دکتر علی زاده, طب کار, اهواز, کیان‌پارس">
    <title>مرکز تخصصی طب کار دکتر علی زاده</title>
    <link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;700&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Vazirmatn', Arial, sans-serif;
            margin: 0;
            padding: 15px;
            background-color: #ffffff;
        }
        .container {
            display: flex;
            flex-direction: column;
            align-items: center;
            max-width: 100%;
            margin: 0 auto;
        }
        .right-section {
            text-align: center;
            margin-bottom: 20px;
        }
        .header-title {
            font-size: 20px;
            font-weight: 700;
            color: #000;
            margin-bottom: 15px;
            line-height: 1.4;
        }
        .logo {
            width: 120px;
            height: auto;
            margin-bottom: 15px;
        }
        .info {
            font-size: 14px;
            line-height: 1.5;
        }
        .info a {
            text-decoration: none;
            color: #000;
        }
        .info a:hover {
            text-decoration: underline;
        }
        .left-section {
            width: 100%;
        }
        iframe {
            border: 0;
            width: 100%;
            height: 300px;
        }
        @media (min-width: 768px) {
            .container {
                flex-direction: row;
                justify-content: space-between;
                max-width: 1200px;
            }
            .right-section {
                text-align: right;
                max-width: 300px;
            }
            .header-title {
                font-size: 24px;
            }
            .logo {
                width: 150px;
            }
            .info {
                font-size: 16px;
            }
            iframe {
                height: 400px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="right-section">
            <h1 class="header-title">مرکز تخصصی طب کار دکتر علی زاده</h1>
            <img src="http://doctoralizadeh.ir/logo/cropped%20logo.png"  alt="لوگو" class="logo">
            <div class="info">
                <p>آدرس: اهواز، کیان‌پارس، خیابان پهلوان غربی، پلاک ۹۸، مجتمع دبش، طبقه ۲</p>
                <p>شماره تماس: <a href="tel:09163302867">09163302867</a></p>
                <p>ایمیل: <span id="email"></span></p>
                <p>ساعت کار:</p>
                <p>شنبه تا چهارشنبه: ۷:۳۰ صبح تا ۱۰:۳۰ صبح</p>
                <p>پنجشنبه: ۷:۳۰ صبح تا ۹:۳۰ صبح</p>
            </div>
        </div>
        <div class="left-section">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3407.7512207601703!2d48.67641337524379!3d31.33824297429787!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3fc3df33d7e24b0d%3A0xcd6ef9ce20a944ca!2z2YXYsdqp2LIg2KrYrti12LXbjCDYt9ioINqp2KfYsSDYr9qp2KrYsSDYudmE24wg2LLYp9iv2Yc!5e0!3m2!1sen!2s!4v1749401870388!5m2!1sen!2s" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        </div>
    </div>
    <script>
        // محافظت از ایمیل در برابر ربات‌های اسپم
        const email = "alizadeh" + "@" + "doctoralizadeh.ir";
        document.getElementById("email").innerHTML = '<a href="mailto:' + email + '">' + email + '</a>';
    </script>
</body>
</html>