بخش اطلاعات تماس - فراغیب

<html>

<style>
    .deniz-contact-card {
        width: 100%;
        max-width: 1100px;
        margin: 20px auto;
        padding: 30px 20px;
        /* رنگ روشن و مینیمال مناسب بوتیک و شلوار فروشی */
        background-color: #f5f6fa; 
        border-radius: 12px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.05);
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        border: 1px solid #e1e1e1; /* حاشیه ملایم */
    }

    .icons-row {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
        gap: 25px;
        width: 100%;
    }

    .icon-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        transition: transform 0.3s ease;
        padding: 5px;
    }

    .icon-wrapper:hover {
        transform: translateY(-5px);
    }

    .icon-wrapper img {
        width: 50px;
        height: 50px;
        object-fit: contain;
        /* حذف فیلتر برای نمایش درست تصاویر */
        display: block; 
    }

    @media (max-width: 600px) {
        .icon-wrapper img {
            width: 40px;
            height: 40px;
        }
    }
</style>

<section class="deniz-contact-card" aria-label="راه‌های ارتباطی">
    <nav class="icons-row">
        <!-- 1: تماس -->
        <a href="tel:۰۹۳۰۴۹۶۳۴۴۹" class="icon-wrapper" title="تماس تلفنی">
            <img src="https://dl.faraghaib.ir/m/100/phone.png" alt="تماس" loading="lazy">
        </a>
        <!-- 2: تلگرام -->
        <a href="https://t.me/کاربری-مشتری" class="icon-wrapper" title="تلگرام" target="_blank">
            <img src="https://dl.faraghaib.ir/m/100/telegram.png" alt="تلگرام" loading="lazy">
        </a>
        <!-- 3: آدرس -->
        <a href="https://neshan.org/maps/places/19087e7434f593216155a7c6bde38efd#c26.681-61.665-22z-0p" class="icon-wrapper" title="آدرس روی نقشه" target="_blank">
            <img src="https://dl.faraghaib.ir/m/100/loc.png" alt="آدرس" loading="lazy">
        </a>
        <!-- 4: مشاوره -->
        <a href="tel:09188816696" class="icon-wrapper" title="مشاوره خرید" target="_blank">
            <img src="https://dl.faraghaib.ir/m/100/chat.png" alt="مشاوره" loading="lazy">
        </a>
        <!-- 5: اینستاگرام -->
        <a href="https://instagram.com/کاربری-مشتری" class="icon-wrapper" title="اینستاگرام" target="_blank">
            <img src="https://dl.faraghaib.ir/m/100/robika.png" alt="اینستاگرام" loading="lazy">
        </a>
    </nav>
</section>


</html>