.hide-scroll::-webkit-scrollbar { display: none; }
        .hide-scroll { -ms-overflow-style: none; scrollbar-width: none; }

        /* GPU & Performance Utilities */
        .gpu-layer { transform: translateZ(0); backface-visibility: hidden; will-change: transform, opacity; }
        .content-visibility-auto { content-visibility: auto; contain-intrinsic-size: 1px 1000px; } /* Lazy render off-screen */

        .anim-click { transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; will-change: transform; }
        .anim-click:active { transform: scale(0.94); }

        @keyframes spin { to { transform: translate(-50%, -50%) rotate(360deg); } }
        @keyframes slideUp { from { opacity:0; transform:translateY(15px); } to { opacity:1; transform:translateY(0); } }
        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
        @keyframes shine-move { 0% { left: -100%; opacity: 0; } 50% { opacity: 0.5; } 100% { left: 200%; opacity: 0; } }

        .shiny-element { position: relative; overflow: hidden; }
        .shiny-element::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(to right, transparent, rgba(255,255,255,0.6), transparent); transform: skewX(-25deg); animation: shine-move 3s infinite ease-in-out; pointer-events: none; z-index: 10; will-change: left, opacity; }

        /* HEADER */
        .top-nav {
            position: fixed; top: 0; left: 0;
            width: 100%; height: var(--nav-height);
            background: rgba(255, 255, 255, 0.65);
            backdrop-filter: blur(15px) saturate(180%);
            -webkit-backdrop-filter: blur(15px) saturate(180%);
            border-radius: 0 0 24px 24px;
            display: flex; align-items: center; justify-content: space-between;
            padding: 0 20px;
            box-shadow: 0 5px 25px -5px var(--purple-glass);
            z-index: 100;
        }
        .header-left, .header-right { display: flex; align-items: center; gap: 10px; z-index: 2; }

.btn-icon, .cart-btn-inner ,.cat-icon{
    width: 48px;
    height: 48px;
    border-radius: 14px;
    border: 1px solid var(--glass-border);
    background: var(--bg-color);
    color: var(--text-secondary2);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    position: relative;
    font-size: 1.65rem;
    box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.05),
    0 5px 25px -5px rgba(139, 92, 246, 0.15);
}

/* برای صفحه‌های کوچکتر، سایزها رو کوچیک‌تر می‌کنیم */
@media (max-width: 768px) {
    .btn-icon, .cart-btn-inner {
        width: 44px;
        height: 44px;
        font-size: 1.35rem;
    }
}

/* برای صفحه‌های خیلی کوچکتر، سایزها رو още کوچیک‌تر می‌کنیم */
@media (max-width: 480px) {
    .btn-icon, .cart-btn-inner {
        width: 41px;
        height: 41px;
        font-size: 1.25rem;
    }
}

        .cart-badge { position: absolute; top: -5px; right: -5px; background-color: var(--red-brand); color: white; font-size: 10px; font-weight: 800; width: 18px; height: 18px; border-radius: 6px; display: flex; align-items: center; justify-content: center; border: 2px solid var(--white); z-index: 20; }

        /* MAIN CONTENT AREA */
        main {
            flex: 1;
            width: 100%;
            height: 100%;
            overflow-y: auto;
            padding-top: calc(var(--nav-height) + 20px);
            padding-bottom: 20px;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }
        @media (min-width: 100px) and (max-width: 767px) {
    main {
        padding-top: calc(var(--nav-height) + 15px);
    }
}
        main::-webkit-scrollbar { display: none; }

        .bg-card {
            width: 90%;
            margin: 0 auto 20px auto;
            height: 400px;
            background: #e0f2fe;
            border-radius: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #0ea5e9;
            font-weight: bold;
            font-size: 20px;
        }

    /* SEARCH OVERLAY */
    .search-full-overlay { position: fixed; inset: 0; background: var(--bg-color); z-index: 200; display: flex; flex-direction: column; opacity: 0; visibility: hidden; pointer-events: none; transform: scale(0.95) translateZ(0); transition: all 0.3s cubic-bezier(0.3, 1, 0.3, 1); overflow: hidden; }
    .search-full-overlay.active { opacity: 1; visibility: visible; transform: scale(1) translateZ(0); pointer-events: auto; }

    .search-modal-inner { display: flex; flex-direction: column; width: 100%; height: 100%; background-color: var(--bg-color)}

    .search-header { display: flex; align-items: center; gap: 10px; padding: 20px; background: var(--white); border-bottom: 2px solid var(--purple-medium); flex-shrink: 0;}
    .search-input-box { flex: 1; background: var(--bg-color); border-radius: var(--radius-md); padding: 0 15px; display: flex; align-items: center; height: 50px; border: 2px solid var(--purple-border); }
    .search-inp-real { width: 100%; height: 100%; background: transparent; font-size: var(--fs-md); font-weight: 700; color: var(--text-primary); border: none; outline: none;}
    .close-search-btn { width: 50px; height: 50px;  background: var(--red-glass); border: 2px solid var(--red-border); border-radius: var(--radius-md);color: var(--red-brand); display: flex; align-items: center; justify-content: center; font-size: 20px; }
    .search-body { flex: 1; overflow-y: auto; overflow-x: hidden; width: 100%; }
    .search-section-title{
    font-size: var(--fs-md);
    font-weight: 800;
    color: var(--accent-color);
    margin-bottom: 12px;
    margin-top: 23px;
    display: block;
    padding-right: 20px;
}
    .cat-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: -10px; width: 100%; padding: 20px;  background: linear-gradient(to bottom, var(--white)65%, var(--bg-color)); }
    .cat-item { display: flex; flex-direction: column; align-items: center; gap: 8px; }
    .cat-icon { width: clamp(45px, 12vw, 55px); height: clamp(45px, 12vw, 55px); border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 20px;border: 2px solid var(--glass-border);}
    .cat-name { font-size: var(--fs-xs); font-weight: 700; color: var(--text-primary); }

    .horizontal-scroller, .suggestion-grid { display: flex; overflow-x: auto; gap: 15px; padding-bottom: 20px; width: 100%; scrollbar-width: none; padding: 0px 20px;}
    .horizontal-scroller::-webkit-scrollbar, .suggestion-grid::-webkit-scrollbar { display: none; }

    .search-prod-card { flex: 0 0 140px; width: 140px; background: var(--white); border-radius: 20px; padding: 8px; display: flex; flex-direction: column; align-items: center; gap: 7px; box-shadow: 0 4px 15px rgba(139, 92, 246, 0.06); border: 1px solid var(--purple-glass); }
    .search-prod-img { width: 100%; height: 90px; background: var(--bg-color); border-radius: 14px; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; color: var(--purple-medium); font-size: 24px; }
    .search-prod-title { font-size: var(--fs-sm); font-weight: 700; color: var(--text-primary); text-align: center; margin: 5px 0 0 0; line-height: 1.4; }
    .search-prod-price { font-size: var(--fs-md); font-weight: 900; color: var(--purple-dark); margin-top: auto; }

    .ajax-results-container { display: none; flex-direction: column; gap: 12px; padding: 10px 10px 0px 10px;}
    .ajax-results-container.show { display: flex; }
    .res-item { display: flex; align-items: center; gap: 12px; padding: 10px; background: var(--white); border: 1px solid var(--purple-border); border-radius: 14px; animation: slideUp 0.3s ease; }
    .res-img { width: 40px; height: 40px; border-radius: 10px; background: var(--bg-color); object-fit: cover; }
    .res-title { font-size: var(--fs-sm); font-weight: 700; color: var(--text-primary); }

        /* MENUS & CART & OVERLAY */
        .overlay { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.3); backdrop-filter: blur(3px); z-index: 80; opacity: 0; visibility: hidden; transition: opacity 0.3s ease; }
        .overlay.visible { opacity: 1; visibility: visible; }

        /* SLIDER MENU */
        .slider-menu {
            position: fixed; top: calc(var(--nav-height) + 10px); bottom: calc(var(--bottom-nav-height) + 10px); right: 0;
            width: calc(100% - 75px); max-width: 300px;
            background: var(--white); border-radius: 24px 0 0 24px; z-index: 90;
            display: flex; flex-direction: column; box-shadow: -10px 0 40px rgba(0,0,0,0.08);
            transform: translate3d(100%, 0, 0); transition: transform 0.4s cubic-bezier(0.3, 1, 0.3, 1);
            overflow-y: auto; padding: 10px;
        }
        .slider-menu.open { transform: translate3d(0, 0, 0); }
        .menu-list { list-style: none; padding: 10px; margin: 0; display: flex; flex-direction: column; gap: 10px; }
        .menu-item { display: flex; align-items: center; padding: 12px; background: var(--bg-color); border-radius: var(--radius-md); }
        .menu-icon-box { width: 35px; height: 35px; background: var(--white);color:var(--text-secondary2); border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-left: 12px; font-size: 20px; border: 2px solid var(--purple-light);box-shadow:0 2px 8px rgba(0, 0, 0, 0.05),0 5px 25px -5px rgba(139, 92, 246, 0.15);}
        .menu-item-text { font-size: var(--fs-md); font-weight: 700; color: var(--text-primary); flex: 1; }
        .sub-menu { display: none; flex-direction: column; gap: 6px; padding: 10px; background: var(--purple-light); border-radius: var(--radius-md); margin-top: 5px; }
        .sub-menu.show { display: flex; animation: slideUp 0.3s forwards; }
        .sub-item { font-size: var(--fs-sm); color: #475569; padding: 10px; background: #ffffff; border-radius: 10px; display: flex; align-items: center; gap: 10px; }
        /* مخفی بودن پیش‌فرض زیرمنوها */
.sub-menu, .sub-menu-level-3 {
    display: none;
    flex-direction: column;
    width: 100%;
}

/* نمایش با جاوااسکریپت */
.sub-menu.show, .sub-menu-level-3.show {
    display: flex;
}

/* ساختار لایه دوم (نگهدارنده لینک و فلش) - بک‌گراند میاد اینجا تا یکپارچه بشه */
.sub-item-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: #ffffff; /* باکس کلی دسته مادر */
    border-radius: 10px;
    margin-bottom: 6px; /* فاصله بین دسته‌های مادر */
}

/* لینک لایه دوم (مادر) */
.sub-item-wrapper .sub-item {
    flex-grow: 1;
    background: transparent; /* بک‌گراند حذف شد چون رپر داره */
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #475569;
    font-size: var(--fs-sm);
    text-decoration: none;
}

/* دکمه باز و بسته کردن زیرمنو (لایه دوم) */
.submenu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.3s ease, color 0.3s ease;
    margin-left: 10px;
    padding: 12px;
    background: var(--purple-light);
    border-radius: 8px;
    color: var(--text-secondary2);
}
.submenu-toggle{
    transform: rotate(90deg);
    }

.submenu-toggle.open {
    transform: rotate(270deg);
    color: var(--purple-dark);
}


/* استایل زیرمنوهای نهایی (لایه سوم) */
.sub-menu-level-3 {
    gap: 6px; /* فاصله منطقی بین زیرمنوها */
    padding-right: 15px; /* فرورفتگی به سمت داخل (راست) */
    margin-bottom: 6px; /* فاصله با آیتم بعدی لایه دوم */
}

/* لینک‌های لایه سوم */
.sub-menu-level-3 .sub-item {
    background: #ffffff; /* اینا چون رپر ندارن بک‌گراند خودشون رو دارن */
    border-radius: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #475569;
    font-size: var(--fs-sm);
    text-decoration: none;
}

.level-1-toggle.open .fa-chevron-left {
    transform: rotate(-90deg);
}

        /* SIDEBAR & CART */
        .social-sidebar {
            position: fixed; top: calc(var(--nav-height) + 10px); left: 0; width: 60px; height: 100%;
            display: flex; flex-direction: column; align-items: center; gap: 12px;
            z-index: 92; transform: translate3d(-100%, 0, 0); transition: transform 0.4s cubic-bezier(0.3, 1, 0.3, 1), opacity 0.3s;
            justify-content: space-between;
        }
        .social-sidebar.open { transform: translate3d(10px, 0, 0); }
        .close-slider-btn { width: 50px; height: 50px; background: var(--red-glass); border-radius: var(--radius-md); border: 2px solid var(--red-border); color: var(--red-brand); display: flex; align-items: center; justify-content: center; margin-bottom: 10px; font-size: 30px; }
        .social-icon { width: 50px; height: 50px; background: var(--white); border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05), 0 5px 25px -5px rgba(139, 92, 246, 0.15); border: 2px solid var(--purple-medium); font-size: 30px; }

        .cart-wrapper { position: fixed; inset: 0; z-index: 95; pointer-events: none; }
        .cart-container {
            position: absolute;
            top: calc(var(--nav-height) + 10px);
            bottom: calc(var(--bottom-nav-height) + 10px);
            left: 0;
            width: calc(100% - 75px);
            max-width: 320px;
            background: var(--white); border-radius: 0 28px 28px 0;
            display: flex; flex-direction: column; box-shadow: 10px 0 50px rgba(0,0,0,0.15);
            overflow: hidden; transform: translate3d(-100%, 0, 0); transition: transform 0.5s cubic-bezier(0.3, 1, 0.3, 1);
            pointer-events: auto;
        }
        .cart-wrapper.open .cart-container { transform: translate3d(0, 0, 0); }

        .cart-close-external {
            position: fixed; top: calc(var(--nav-height) + 10px); right: 0;
            width: 50px; height: 50px; background: var(--red-glass); border: 2px solid var(--red-border); border-radius: var(--radius-md);
            display: flex; align-items: center; justify-content: center; color: var(--red-brand);
            transform: translate3d(150%, 0, 0); transition: transform 0.5s cubic-bezier(0.3, 1, 0.3, 1), opacity 0.3s;
            pointer-events: auto; z-index: 96; font-size: 30px;
        }
        .cart-wrapper.open .cart-close-external { transform: translate3d(-15px, 0, 0); }

        .cart-header { padding: 20px; border-bottom: 1px solid #f1f5f9; font-weight: 800; font-size: var(--fs-lg); display: flex; justify-content: space-between; align-items: center; }
        .cart-content { flex: 1; overflow-y: auto; padding: 15px; display: flex; flex-direction: column; gap: 12px; }
        .cart-product { display: flex; align-items: center; background: var(--bg-color); padding: 10px; border-radius: var(--radius-md); border: 1px solid #e2e8f0; }
        .cart-prod-img { width: 50px; height: 50px; background: #fff; border-radius: 12px; object-fit: contain; margin-left: 10px; }
        .cart-prod-info { flex: 1; }
        .cart-prod-name { font-size: var(--fs-sm); font-weight: 700; color: #334155; margin-bottom: 4px; }
        .cart-prod-price { font-size: var(--fs-md); font-weight: 900; color: #0f172a; }
        .qty-control { display: flex; flex-direction: column; gap: 4px; align-items: center; justify-content: center; background-color:var(--purple-light) ; padding: 5px; border-radius: 8px;}
        .qty-num { width: 24px; height: 24px; border: none; display: flex; align-items: center; justify-content: center; font-size: 10px; background-color: #fff; border-radius: 2px; font-weight: bolder;}
        .q-btn { width: 24px; height: 24px; border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;border-top-right-radius: 2px;border-top-left-radius: 2px;  border: none; display: flex; align-items: center; justify-content: center; font-size: 10px; }
        .q-plus { background: var(--text-secondary2); color: white; border-top-right-radius: 8px;border-top-left-radius: 8px;border-bottom-right-radius: 2px;border-bottom-left-radius: 2px;}
        .q-minus { background: #fee2e2; color: #ef4444; }
        .cart-footer { padding: 20px; background: #fff; border-top: 1px solid #f1f5f9; }
        .checkout-btn { width: 100%; padding: 14px; background: var(--text-secondary2); color: white; border-radius: 14px; border: none;}

        /* PROFILE LOGIN */
        .profile-dropdown {
            position: fixed; top: 50%; left: 50%; width: 90%; max-width: 320px;
            background: transparent; z-index: 110;
            transform: translate3d(-50%, -50%, 0) scale(0.8); opacity: 0; visibility: hidden; pointer-events: none;
            transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); overflow: visible !important;
        }
        .profile-dropdown.active { transform: translate3d(-50%, -50%, 0) scale(1); opacity: 1; visibility: visible; pointer-events: auto; }
        .profile-content-box { position: relative; background: rgba(255, 255, 255, 0.98); backdrop-filter: blur(15px); border-radius: 28px; box-shadow: 0 25px 80px rgba(0,0,0,0.2); padding: 25px; z-index: 10; border: 1px solid #fff; }
        .wing-back { position: absolute; top: -24px; left: 10%; width: 80%; height: 50px; background-color: var(--text-secondary2); border-radius: 20px 20px 0 0; z-index: 0; }
        .wing-front { position: absolute; top: -12px; left: 5%; width: 90%; height: 50px; background-color: var(--purple-medium); border-radius: 20px 20px 0 0; z-index: 1; box-shadow: 0 -2px 5px rgba(0,0,0,0.1); }
        .login-tabs { display: flex; background: var(--bg-color); padding: 4px; border-radius: 14px; margin-bottom: 20px; }
        .login-tab { flex: 1; text-align: center; padding: 10px; font-size: var(--fs-sm); font-weight: 700; color: #64748b; border-radius: 12px; transition: 0.3s; }
        .login-tab.active { background: white; color: var(--text-secondary2); box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
        .auth-form { display: none; flex-direction: column; gap: 12px; }
        .auth-form.active { display: flex; animation: fadeIn 0.3s; }
        .inp-group { position: relative; }
        .auth-inp {
            width: 100%; padding: 14px 14px 14px 45px;
            border: 1px solid #e2e8f0; border-radius: 14px; background: #fff;
            font-size: 14px; direction: ltr; text-align: left;
        }
        .auth-inp:focus { border-color: #0f172a; background: #f8fafc; }
        .inp-icon { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: var(--purple-medium); font-size: 16px; }
        .toggle-pass-icon { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: var(--purple-medium); cursor: pointer; z-index: 5; font-size: 16px; display: flex; align-items: center; justify-content: center; }
        .auth-actions { display: flex; gap: 10px; margin-top: 8px; }
        .auth-btn, .btn-close-modal { padding: 12px; border-radius: 14px; font-weight: 700; font-size: var(--fs-sm); border: none; }
        .auth-btn { flex: 2; background: var(--text-secondary2); color: white; }
        .btn-close-modal { flex: 1; background: var(--red-glass); color: var(--red-brand); border: 2px solid var(--red-border); }

        /* FOOTER & ACTIONS */
.bottom-action-bar {
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: var(--bottom-nav-height, 80px);
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(15px) saturate(180%);
    -webkit-backdrop-filter: blur(15px) saturate(180%);
    border-radius: 24px 24px 0 0;
    box-shadow: 0 0 0 -30px rgba(0, 0, 0, 0);
    z-index: 999;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transform: translate(-50%, 200%);
    transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1),
                box-shadow 0.4s cubic-bezier(0.33, 1, 0.68, 1);
    will-change: transform;
}
.bottom-action-bar.is-visible {
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.08);
}
        .footer-wing-warning {
            position: absolute;
            top: -24.5px;
            right: 20px;
            background: #fff3cd;
            color: #664d03;
            padding: 4px 18px;
            border-radius: 14px 14px 0 0;
            font-size: 11px;
            font-weight: 800;
            box-shadow: 0 -3px 10px rgba(0,0,0,0.06);
            border: 1px solid #ffecb5;
            border-bottom: none;
            /* Important for correct layering */
            z-index: -1;
            white-space: nowrap;
            display: flex;
            align-items: center;
            gap: 6px;
            justify-content: center;
            min-width: max-content;
            /* Animation Props */
            transform: translateY(0);
            opacity: 1;
            transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease;
            will-change: transform, opacity;
        }
        .footer-wing-warning.wing-hidden {
            transform: translateY(100%); /* Slides down behind the navbar */
            opacity: 0;
            pointer-events: none;
        }

        .footer-wing-warning i { font-size: 13px; color: #f97316; }

        .action-mode-buy, .action-mode-menu { width: 100%; display: flex; align-items: center; transition: all 0.4s ease; }
        .action-mode-buy { justify-content: space-between; border-radius: 15px;}

        /* Updated Action Mode Menu for Responsiveness */
        .action-mode-menu { display: none; gap: 10px; opacity: 0; padding-right: 0; width: 100%; justify-content: space-between; }
        .bottom-action-bar.menu-open {
    transform: translate(-50%, 0) !important;
    z-index: 1002; /* بالاتر از همه لایه‌ها وقتی منو بازه */
}
        .bottom-action-bar.menu-open .action-mode-buy { display: none; opacity: 0; }
        .bottom-action-bar.menu-open .action-mode-menu { display: flex; opacity: 1; }

        .price-section { display: flex; flex-direction: column; justify-content: center; transition: all 0.4s ease; }
        .price-row-top { display: flex; align-items: center; gap: 6px; }
        .price-old { font-size: var(--fs-xs); color: var(--text-secondary); text-decoration: line-through; }
        .discount-tag { background: var(--red-brand); color: white; font-size: 10px; padding: 1px 5px; border-radius: 5px; font-weight: 700; }
        .price-current { font-size: var(--fs-lg); font-weight: 900; color: var(--text-primary); white-space: nowrap; }

        .add-cart-btn {
            flex: 1;
            display: flex;
            font-size: var(--fs-md);
            background-color: var(--red-brand);
            border-radius: 15px;
            padding: 13px 13px;
            font-weight: bolder;
            border: 2px solid #ff4757;
            box-shadow: 0 2px 6px 0 rgba(239, 68, 68, 0.4);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            align-items: center;
            justify-content: center;
            gap: 12px;
            color: #fff;
            position: relative;
            overflow: hidden;
            height: auto;
            min-height: 54px;
            width: 100%;
            padding: 0.75rem 1rem;
        }

        /* Responsive Styles */
        @media screen and (min-width: 992px) {
            .add-cart-btn { max-width: 320px; height: 56px; }
            .footer-wing-warning { width: 320px; }
        }

        @media screen and (max-width: 991px) {
            .add-cart-btn {
                max-width: 180px;
                height: 52px;
                padding: 0.7rem 0.5rem;
                gap: 8px;
            }
            .footer-wing-warning {
                width: 100%;
                max-width: 180px;
                font-size: 10px;
                padding: 4px 6px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }

        .add-cart-btn.loading { background: #cbd5e1; pointer-events: none; color: transparent; border-color: #cbd5e1; }
        .loading-spinner { position: absolute; width: 20px; height: 20px; border: 3px solid rgba(255,255,255,0.3); border-top-color: #fff; border-radius: 50%; animation: spin 0.8s linear infinite; display: none; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; }
        .add-cart-btn.loading .loading-spinner { display: block; }
        .action-mode-buy.success-state .price-section { width: 0; opacity: 0; padding: 0; margin: 0; transform: scale(0); overflow: hidden; }
        .action-mode-buy.success-state .add-cart-btn { max-width: 100%; background: var(--green-success); box-shadow: 0 5px 20px rgba(16, 185, 129, 0.3); border: 1px solid #badbcc;}

        /* Updated Menu Buttons Style */
        .menu-action-btn {
            flex: 1;
            height: 54px;
            background: var(--bg-color);
            border-radius: var(--radius-md);
            border: 1.5px solid var(--purple-medium);
            display: flex;
            align-items: center;
            justify-content: center; /* Center content */
            color: var(--text-primary);
            font-size: clamp(10px, 3.5vw, 14px); /* Dynamic Font Size */
            font-weight: 700;
            gap: 6px;
            padding: 0 8px; /* Padding for small screens */
            min-width: 0; /* Prevents overflow */
        }

     .menu-action-btn i {
        font-size: 26px;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--text-secondary2);
        flex-shrink: 0;
    }

        /* TOAST ALERT */
        .toast-alert-container {
            position: fixed; top: 80px; left: 0; width: 100%;
            z-index: 10000; display: flex; flex-direction: column; align-items: center;
            gap: 10px; pointer-events: none;
        }
        .toast-alert-box {
            background: #fff; border-radius: 16px; box-shadow: 0 10px 40px -10px rgba(0,0,0,0.15);
            display: flex; flex-direction: row; align-items: center;
            position: relative; width: 520px; max-width: 90vw;
            padding: 12px 14px 15px 14px;
            transform: translate3d(0, -20px, 0); opacity: 0; pointer-events: auto; border: 1px solid #f1f5f9;
            transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.4s ease;
            will-change: transform, opacity; overflow: hidden;
        }
        .toast-alert-box.active { transform: translate3d(0, 0, 0); opacity: 1; }
        .toast-alert-box.removing { transform: translate3d(0, -20px, 0); opacity: 0; }
        .toast-alert-icon { width: 38px; height: 38px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; margin-left: 12px; }
        .toast-alert-text { flex: 1; font-size: var(--fs-sm); font-weight: 700; color: #334155; line-height: 1.5; text-align: center; }
        .toast-alert-close { background: transparent; border: none; color: #94a3b8; cursor: pointer; padding: 5px; display: flex; align-items: center; justify-content: center; font-size: 16px; margin-right: 12px; }
        .toast-alert-box.success .toast-alert-icon { background: #e6ffe6; color: #23d160; }
        .toast-alert-box.error .toast-alert-icon { background: #ffe6e6; color: #ff3860; }
        .toast-alert-box.warning .toast-alert-icon { background: #fff3cd; color: #664d03; }
        .toast-alert-box.info .toast-alert-icon { background: #cfe2ff; color: #084298; }
        @keyframes toastTimer { from { width: 100%; } to { width: 0%; } }
        .toast-alert-progress { position: absolute; bottom: 0; left: 0; height: 4px; width: 100%; background: rgba(0,0,0,0.1); animation: toastTimer 5s linear forwards; }
        .toast-alert-box.success .toast-alert-progress { background: #23d160; }
        .toast-alert-box.error .toast-alert-progress { background: #ff3860; }
        .toast-alert-box.warning .toast-alert-progress { background: #664d03; }
        .toast-alert-box.info .toast-alert-progress { background: #084298; }

        /* DESKTOP OPTIMIZATIONS */
        @media (min-width: 768px) {
            .search-header { border-top-left-radius: 24px; }
            .search-full-overlay { background: rgba(15, 23, 42, 0.4); backdrop-filter: blur(5px); display: block; opacity: 0; visibility: hidden; }
            .search-full-overlay.active { opacity: 1; visibility: visible; }
            .search-modal-inner { position: absolute; top: 0; right: 0; bottom: 0; width: 45%; max-width: 500px; background-color: var(--bg-color); box-shadow: -10px 0 50px rgba(0,0,0,0.1); height: 100%; border-left: 1px solid #e2e8f0; border-radius: 24px 0 0 24px; transform: translate3d(100%, 0, 0); transition: transform 0.4s cubic-bezier(0.3, 1, 0.3, 1); }
            .search-full-overlay.active .search-modal-inner { transform: translate3d(0, 0, 0); }
            .social-sidebar { left: auto !important; right: 320px; align-items: flex-end; transform: translateX(100px); opacity: 0; pointer-events: none; visibility: hidden; }
            .social-sidebar.open { transform: translateX(0); opacity: 1; pointer-events: auto; visibility: visible; }
            .close-slider-btn { margin-left: auto; margin-right: 0; }
            .cart-close-external { right: auto !important; left: 340px; transform: translateX(-100px); opacity: 0; pointer-events: none; visibility: hidden; }
            .cart-wrapper.open .cart-close-external { transform: translateX(0); opacity: 1; pointer-events: auto; visibility: visible; }
    .bottom-action-bar {
        width: 50%;
        min-width: 400px;
        max-width: 600px;
        padding: 0 20px;
        /* در دسکتاپ هم پیش‌فرض مخفیه تا اسکرول بشه */
        transform: translate(-50%, 200%);
    }        }
        .brand-logo{
            height: 50%;
        }
        .sub-item-i{
          width:6px;
          height:6px;
          background:var(--purple-medium);
          border-radius:50%;
        }
        @media (max-width: 480px) {
            .brand-logo { height: 46.5%; }
        }
        .social-icons {
            margin-bottom: 190px;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

.footer-container {
width: 100%;
background-color: var(--white);
margin-top: 40px;
overflow: hidden;
}

.footer-top-border {
width: 100%;
height: 2px;
background-image: linear-gradient(to right,
var(--red-brand),
#f97316,
#eab308,
var(--green-success),
#3b82f6,
var(--purple-dark),
var(--accent-color)
);
}

/* ========== بخش لوگو ========== */
.footer-logo-section {
display: flex;
align-items: center;
justify-content: center;
}

.footer-logo {
width: 100%;
max-width: 220px;
height: auto;
}

/* ========== بخش آیکون‌های شبکه‌های اجتماعی ========== */
/* ========== متغیرهای عمومی ========== */


/* ========== فوتر انتهایی ========== */
.footer-end {
    margin-top: 40px;
    padding: 10px;
    text-align: center;
    position: relative;
    background-color: var(--title-color);
    color: #ffffff !important;
}

.footer-end p {
    color: #fff;
    text-align: center;
}

/* ========== خطوط تزئینی ========== */
.box-border-rl-top {
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    direction: rtl;
}

.border-rl-top {
    text-align: center;
    font-weight: 300;
    color: #646464;
    display: inline-block;
    position: relative;
    padding: 0 25px;
    z-index: 1;
}

.border-rl-top::before {
    display: inline-block;
    content: "";
    height: 2px;
    width: 500%;
    background-color: var(--icon-color);
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    z-index: 1;
    border-radius: 10px;
}

.border-rl-top::after {
    display: inline-block;
    content: "";
    height: 2px;
    width: 500%;
    background-color: var(--icon-color);
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    z-index: 1;
    border-radius: 10px;
}

.border-rl-top-w::before,
.border-rl-top-w::after {
    background-color: #ffffff !important;
}

/* ========== عناوین ========== */
.title-v1::before {
    content: "";
    background: var(--icon-color);
    font-weight: bold;
    width: 10px;
    height: 30px;
    border-radius: 20;
    }

/* ========== فوتر انتهایی ========== */
.footer-end {
margin-top: 40px;
padding: 10px;
text-align: center;
position: relative;
background-color: var(--title-color);
color: #ffffff !important;
}

.footer-end p {
color: #fff;
text-align: center;
}

/* ========== خطوط تزئینی ========== */
.box-border-rl-top {
overflow: hidden;
text-align: center;
box-sizing: border-box;
direction: rtl;
}

.border-rl-top {
text-align: center;
font-weight: 300;
color: #646464;
display: inline-block;
position: relative;
padding: 0 25px;
z-index: 1;
}

.border-rl-top::before {
display: inline-block;
content: "";
height: 2px;
width: 500%;
background-color: var(--icon-color);
left: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
z-index: 1;
border-radius: 10px;
}

.border-rl-top::after {
display: inline-block;
content: "";
height: 2px;
width: 500%;
background-color: var(--icon-color);
right: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
z-index: 1;
border-radius: 10px;
}

.border-rl-top-w::before,
.border-rl-top-w::after {
background-color: #ffffff !important;
}

/* ========== عناوین ========== */
.title-v1::before {
content: "";
background: var(--icon-color);
font-weight: bold;
width: 10px;
height: 30px;
border-radius: 20px;
}

/* ========== رنگ‌های شبکه‌های اجتماعی ========== */
.Panizl-telegram {
color: #229ED9;
}

.Panizl-instagram {
color: #E1306C;
}

/* ========== گرید و لِی‌اوت ========== */
.col-12,
.col-md-8,
.col-md-4 {
display: flex;
flex-direction: column;
}

.row {
display: flex;
align-items: stretch;
}

.left-box {
padding: 12px;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}

.right-box {
padding: 12px;
display: flex;
flex-direction: column;
gap: 12px;
}

.right-top {
flex: 7;
display: flex;
}

.right-bottom {
flex: 3;
}

.section-a {
flex: 3;
}

.section-b {
flex: 4;
}

.section-c {
flex: 5;
display: flex;
flex-wrap: wrap;
}

.section-c > div {
flex: 1 1 50%;
}

/* ========== لوگو و شبکه‌های اجتماعی ========== */
.footerpx;
}

/* ========== رنگ‌های شبکه‌های اجتماعی ========== */
.Panizl-telegram {
color: #229ED9;
}

.Panizl-instagram {
color: #E1306C;
}

/* ========== گرید و لِی‌اوت ========== */
.col-12,
.col-md-8,
.col-md-4 {
display: flex;
flex-direction: column;
}

.row {
display: flex;
align-items: stretch;
}

.left-box {
padding: 12px;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}

.right-box {
padding: 12px;
display: flex;
flex-direction: column;
gap: 12px;
}

.right-top {
flex: 7;
display: flex;
}

.right-bottom {
flex: 3;
}

.section-a {
flex: 3;
}

.section-b {
flex: 4;
}

.section-c {
flex: 5;
display: flex;
flex-wrap: wrap;
}

.section-c > div {
flex: 1 1 50%;
}

/* ========== لوگو و شبکه‌های اجتماعی ========== */
.footer-logo-section {
display: flex;
align-items: center;
justify-content: center;
}

.footer-logo {
max-width: 180px;
height: auto;
transition: var(--transition);
}

.footer-social-section {
display: flex;
align-items: center;
justify-content: center;
padding: 20px 10px;
gap: 12px;
}

.footer-social-icons {
display: flex;
align-items: center;
justify-content: center;
gap: 22.5px;
flex-wrap: wrap;
gap: 25px;
}

.social-icon {
display: flex;
align-items: center;
justify-content: center;
width: 45px;
height: 45px;
background-color: var(--purple-light);
border-radius: 10px;
transform: rotate(3deg);
transition: var(--transition);
text-decoration: none;
width: 48px;
height: 48px;
border-radius: var(--radius-md);
background: var(--white);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05), 0 5px 25px -5px var(--purple-glass);
border: 2px solid var(--purple-light);
color: var(--text-secondary2);
}

.social-icon:hover {
transform: rotate(0deg) scale(1.1);
background-color: var(--purple-medium);
transform: translateY(-3px) scale(1.05);
background: var(--accent-color);
border-color: var(--accent-color);
color: var(--white);
box-shadow: 0 8px 25px rgba(139, 92, 246, 0.3);
}

.social-icon i {
font-size: 25px;
font-size: 30px;
}

/* ========== بخش تماس ========== */
.footer-contact-item {
padding: 8px;
height: 100%;
display: flex;
align-items: stretch;
padding: 6px;
}

.contact-item {
display: flex;
align-items: center;
gap: 12px;
background-color: var(--purple-light);
padding: 15px;
border-radius: var(--radius-md);
transition: var(--transition);
height: 100%;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
background: var(--white);
padding: 12px 14px;
box-shadow: 0 4px 15px rgba(139, 92, 246, 0.06);
border: 1px solid var(--purple-glass);
flex: 1;
min-height: 70px;
}

.contact-item:hover {
background-color: var(--purple-glass);
transform: translateY(-3px);
background-color: var(--purple-glass);
box-shadow: 0 8px 25px rgba(139, 92, 246, 0.15);
border-color: var(--purple-medium);
}

.contact-icon {
font-size: 28px;
color: var(--accent-color);
flex-shrink: 0;
font-size: 24px;
width: 42px;
height: 42px;
background: var(--bg-color);
border-radius: 12px;
display: inline-block;
line-height: 42px;
text-align: center;
box-shadow: 0 2px 8px rgba(139, 92, 246, 0.15);
min-width: 42px;
}

.contact-text {
display: flex;
flex-direction: column;
gap: 6px;
display: flex;
flex-direction: column;
flex: 1;
min-width: 0;
padding-right: 4px;
}

.contact-label {
font-size: var(--fs-xs);
color: var(--text-secondary);
margin: 0;
font-weight: 600;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.contact-value {
font-size: var(--fs-md);
color: var(--text-primary);
font-weight: bold;
margin: 0;
direction: ltr;
text-align: right;
font-weight: 800;
line-height: 1.3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

/* ========== بخش نمادهای اعتماد ========== */
.footer-trust-section {
background: var(--white);
backdrop-filter: blur(15px);
border-radius: var(--radius-lg);
padding: 25px;
var(--title-color);
color: #ffffff !important;
}

.footer-end p {
color: #fff;
text-align: center;
}

/* ========== خطوط تزئینی ========== */
.box-border-rl-top {
overflow: hidden;
text-align: center;
box-sizing: border-box;
direction: rtl;
}

.border-rl-top {
text-align: center;
font-weight: 300;
color: #646464;
display: inline-block;
position: relative;
padding: 0 25px;
z-index: 1;
}

.border-rl-top::before {
display: inline-block;
content: "";
height: 2px;
width: 500%;
background-color: var(--icon-color);
left: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
z-index: 1;
border-radius: 10px;
}

.border-rl-top::after {
display: inline-block;
content: "";
height: 2px;
width: 500%;
background-color: var(--icon-color);
right: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
z-index: 1;
border-radius: 10px;
}

.border-rl-top-w::before,
.border-rl-top-w::after {
background-color: #ffffff !important;
}

/* ========== عناوین ========== */
.title-v1::before {
content: "";
background: var(--icon-color);
font-weight: bold;
width: 10px;
height: 30px;
border-radius: 20px;
}

/* ========== رنگ‌های شبکه‌های اجتماعی ========== */
.Panizl-telegram {
color: #229ED9;
}

.Panizl-instagram {
color: #E1306C;
}

/* ========== گرید و لِی‌اوت ========== */
.col-12,
.col-md-8,
.col-md-4 {
display: flex;
flex-direction: column;
}

.row {
display: flex;
align-items: stretch;
}

.left-box {
padding: 12px;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}

.right-box {
padding: 12px;
display: flex;
flex-direction: column;
gap: 12px;
}

.right-top {
flex: 7;
display: flex;
}

.right-bottom {
flex: 3;
}

.section-a {
flex: 3;
}

.section-b {
flex: 4;
}

.section-c {
flex: 5;
display: flex;
flex-wrap: wrap;
}

.section-c > div {
flex: 1 1 50%;
}

/* ========== لوگو و شبکه‌های اجتماعی ========== */
.footer-logo-section {
display: flex;
align-items: center;
justify-content: center;
}

.footer-logo {
max-width: 180px;
height: auto;
transition: var(--transition);
}

.footer-social-section {
display: flex;
align-items: center;
justify-content: center;
padding: 20px 10px;
gap: 12px;
}

.footer-social-icons {
display: flex;
align-items: center;
justify-content: center;
gap: 22.5px;
flex-wrap: wrap;
gap: 25px;
}

.social-icon {
display: flex;
align-items: center;
justify-content: center;
width: 45px;
height: 45px;
background-color: var(--purple-light);
border-radius: 10px;
transform: rotate(3deg);
transition: var(--transition);
text-decoration: none;
width: 48px;
height: 48px;
border-radius: var(--radius-md);
background: var(--white);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05), 0 5px 25px -5px var(--purple-glass);
border: 2px solid var(--purple-light);
color: var(--text-secondary2);
}

.social-icon:hover {
transform: rotate(0deg) scale(1.1);
background-color: var(--purple-medium);
transform: translateY(-3px) scale(1.05);
background: var(--accent-color);
border-color: var(--accent-color);
color: var(--white);
box-shadow: 0 8px 25px rgba(139, 92, 246, 0.3);
}

.social-icon i {
font-size: 25px;
font-size: 30px;
}

/* ========== بخش تماس ========== */
.footer-contact-item {
padding: 8px;
height: 100%;
display: flex;
align-items: stretch;
padding: 6px;
}

.contact-item {
display: flex;
align-items: center;
gap: 12px;
background-color: var(--purple-light);
padding: 15px;
border-radius: var(--radius-md);
transition: var(--transition);
height: 100%;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
background: var(--white);
padding: 12px 14px;
box-shadow: 0 4px 15px rgba(139, 92, 246, 0.06);
border: 1px solid var(--purple-glass);
flex: 1;
min-height: 70px;
}

.contact-item:hover {
background-color: var(--purple-glass);
transform: translateY(-3px);
background-color: var(--purple-glass);
box-shadow: 0 8px 25px rgba(139, 92, 246, 0.15);
border-color: var(--purple-medium);
}

.contact-icon {
font-size: 28px;
color: var(--accent-color);
flex-shrink: 0;
font-size: 24px;
width: 42px;
height: 42px;
background: var(--bg-color);
border-radius: 12px;
display: inline-block;
line-height: 42px;
text-align: center;
box-shadow: 0 2px 8px rgba(139, 92, 246, 0.15);
min-width: 42px;
}

.contact-text {
display: flex;
flex-direction: column;
gap: 6px;
display: flex;
flex-direction: column;
flex: 1;
min-width: 0;
padding-right: 4px;
}

.contact-label {
font-size: var(--fs-xs);
color: var(--text-secondary);
margin: 0;
font-weight: 600;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.contact-value {
font-size: var(--fs-md);
color: var(--text-primary);
font-weight: bold;
margin: 0;
direction: ltr;
text-align: right;
font-weight: 800;
line-height: 1.3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

/* ========== بخش نمادهای اعتماد ========== */
.footer-trust-section {
background: var(--white);
backdrop-filter: blur(15px);
border-radius: var(--radius-lg);
padding: 25px;
text-align: center;
margin: 10px;
border: 2px solid var(--purple-border);
box-shadow: 0 10px 40px rgba(139, 92, 246, 0.1);
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}

.trust-title {
font-size: var(--fs-xl);
font-weight: 800;
background: linear-gradient(135deg, var(--accent-color), var(--purple-dark));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
margin: 0 0 12px 0;
line-height: 1.3;
}

.trust-description {
font-size: var(--fs-sm);
color: var(--text-secondary);
line-height: 1.7;
margin: 0 0 20px 0;
}

.trust-badges {
display: flex;
gap: 15px;
flex-wrap: wrap;
justify-content: center;
}

.trust-badge {
width: 80px;
height: 100px;
object-fit: contain;
background: var(--bg-color);
border-radius: var(--radius-md);
padding: 8px;
transition: var(--transition);
cursor: pointer;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
border: 1px solid var(--glass-border);
}

.trust-badge:hover {
transform: scale(1.1) translateY(-5px);
box-shadow: 0 12px 30px rgba(139, 92, 246, 0.2);
}

/* ========== بخش توضیحات ========== */
.footer-description {
position: relative;
padding: 25px 20px;
background: var(--glass-bg);
backdrop-filter: blur(15px);
border-radius: var(--radius-lg);
margin: 20px 10px;
border: 1px solid var(--glass-border);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

.footer-description p {
font-size: var(--fs-md);
color: var(--text-secondary);
line-height: 2.2;
text-align: justify;
margin: 0;
}

.quote-icon {
font-size: 24px;
color: var(--purple-medium);
opacity: 0.4;
vertical-align: middle;
margin: 0 8px;
}

/* ========== Responsive ========== */

/* موبایل کوچک */
@media (max-width: 360px) {
.contact-item {
min-height: 80px;
}
.contact-icon {
font-size: 20px;
}
.contact-value {
font-size: var(--fs-sm);
}
}

/* موبایل */
@media (max-width: 480px) {
.footer-contact-item {
padding: 6px;
}
.contact-item {
flex-direction: column;
gap: 11px;
padding: 7px 9px;
min-height: 85px;
text-align: center;
}
.contact-icon {
font-size: 22px;
min-width: 38px;
}
.contact-text {
gap: 4px;
padding-right: 0;
align-items: center;
}
.contact-value {
font-size: var(--fs-base);
text-align: center;
}
.contact-label {
font-size: 0.7rem;
text-align: center;
}
}

@media (max-width: 767px) {
.footer-logo {
max-width: 160px;
}
.social-icon {
width: 47px;
height: 47px;
}
.trust-badge {
width: 70px;
height: 90px;
}
.footer-link-btn {
padding: 14px 16px;
font-size: var(--fs-sm);
}
.right-top {
flex-direction: column;
}
.section-c {
flex-direction: row;
}
.section-c > div {
flex: 1 0 50%;
}
}

@media (min-width: 481px) and (max-width: 767px) {
.contact-icon {
font-size: 23px;
}
.contact-value {
font-size: var(--fs-md);
}
}

/* تبلت */
@media (min-width: 768px) {
.footer-logo {
max-width: 180px;
}
.trust-badge {
width: 70px;
height: 90px;
}
.contact-item {
gap: 3px;
}
.contact-icon {
font-size: 25px;
}
.contact-value {
font-size: var(--fs-md);
}
}

/* دسکتاپ کوچک */
@media (min-width: 992px) {
.footer-logo {
max-width: 200px;
}
.social-icon {
width: 50px;
height: 50px;
}
.trust-badge {
width: 75px;
height: 100px;
}
.footer-description {
margin: 15px 15px;
padding: 20px 20px;
}
}

/* دسکتاپ بزرگ */
@media (min-width: 1200px) {
.footer-logo {
max-width: 220px;
}
.social-icon {
width: 52px;
height: 52px;
}
.social-icon i {
font-size: 30px;
}
.trust-badge {
width: 100px;
height: 125px;
}
}