/* ========== FOOTER STYLES ========== */
        .footer {
            background-color: #111;       /* رنگ پس‌زمینه تیره و حرفه‌ای */
            color: #fff;
            padding: 2rem 2rem 1.5rem;
            box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.15);
            direction: ltr;
            /*direction: rtl;                 /* راست‌چین برای پشتیبانی از فارسی */
        }

        .footer-container {
            max-width: 1300px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            gap: 1.8rem;
        }

        /* ---------- ROW 1: بالایی (لوگو + لینک‌ها) ---------- */
        .footer-row-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;   /* برای نمایش موبایل */
            gap: 1.5rem;
        }

        /* بخش چپ بالایی: دو لینک */
        .footer-links {
            display: flex;
            gap: 2.5rem;
            font-size: 1rem;
            font-weight: 500;
        }

        .footer-links a {
            color: #ccd6f6;
            text-decoration: none;
            transition: color 0.25s ease, transform 0.2s;
            border-bottom: 1px solid transparent;
            padding-bottom: 3px;
        }

        .footer-links a:hover {
            color: #64ffda;
            border-bottom-color: #64ffda;
            transform: translateY(-1px);
        }

        /* بخش راست بالایی: لوگو */
        .footer-logo {
            font-size: 2rem;
            font-weight: 700;
            letter-spacing: 1px;
            background: linear-gradient(135deg, #64ffda, #48b5a0);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .footer-logo i {
            font-size: 2.2rem;
            color: #64ffda;
            background: transparent;
        }

        /* ---------- ROW 2: پائینی (کپی‌رایت + سیاست‌ها / شبکه‌های اجتماعی) ---------- */
        .footer-row-bottom {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            flex-wrap: wrap;
            gap: 1.8rem;
            border-top: 1px solid rgba(204, 214, 246, 0.15);
            padding-top: 1.8rem;
        }

        /* بخش چپ پائینی: شبکه‌های اجتماعی */
        .footer-social {
            display: flex;
            gap: 1.8rem;
            align-items: center;
        }

        .footer-social a {
            color: #ffffff;
            font-size: 1.6rem;
            transition: all 0.25s ease;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
        }

        .footer-social a:hover {
            color: #64ffda;
            transform: translateY(-4px) scale(1.07);
        }

        /* بخش راست پائینی: کپی‌رایت + سیاست‌ها */
        .footer-copyright-wrapper {
            display: flex;
            flex-direction: column;
            align-items: flex-end;   /* راست‌چین برای متن راست‌چین */
            gap: 0.4rem;
        }

        .footer-copyright {
            font-size: 0.95rem;
            /*color: #a8b2d1;*/
            letter-spacing: 0.3px;
        }

        .footer-copyright i {
            margin-left: 6px;
            /*color: #64ffda;*/
        }

        .footer-policy {
            display: flex;
            gap: 1.8rem;
            font-size: 0.9rem;
        }

        .footer-policy a {
            /*color: #8892b0;*/
            text-decoration: none;
            transition: color 0.2s, border-bottom 0.2s;
            border-bottom: 1px solid transparent;
            padding-bottom: 2px;
        }

        .footer-policy a:hover {
            /*color: #64ffda;*/
            border-bottom-color: #64ffda;
        }

        /* ---------- RESPONSIVE ---------- */
        @media (max-width: 700px) {
            .footer {
                padding: 1.8rem 1.2rem 1.2rem;
            }

            .footer-row-top {
                flex-direction: column-reverse;  /* لوگو بره بالا ، لینک‌ها پایین */
                align-items: center;
                text-align: center;
            }

            .footer-links {
                gap: 1.8rem;
                flex-wrap: wrap;
                justify-content: center;
            }

            .footer-row-bottom {
                flex-direction: column-reverse;  /* شبکه‌های اجتماعی بره بالا ، کپی‌رایت پایین */
                align-items: center;
                text-align: center;
            }

            .footer-social {
                justify-content: center;
            }

            .footer-copyright-wrapper {
                align-items: center;
            }

            .footer-policy {
                gap: 1.2rem;
                flex-wrap: wrap;
                justify-content: center;
            }
        }

        @media (max-width: 480px) {
            .footer-logo {
                font-size: 1.7rem;
            }
            .footer-logo i {
                font-size: 1.8rem;
            }
            .footer-links {
                font-size: 0.95rem;
                gap: 1.2rem;
            }
            .footer-social a {
                font-size: 1.4rem;
            }
        }