.elementor-61533 .elementor-element.elementor-element-28a40d2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-77bf945 *//* --- تنظیمات اصلی و ایزولاسیون کامل --- */
#rex-shop-footer {
    all: initial;
    display: block;
    
    /* پالت رنگی */
    --f-bg: #0f172a;       
    --f-bg-dark: #020617;  
    --f-red: #e31e24;      
    --f-text: #94a3b8;     
    --f-white: #ffffff;
    --f-border: rgba(255,255,255,0.08);
    
    font-family: 'Vazirmatn', sans-serif !important;
    direction: rtl;
    box-sizing: border-box !important;
    
    /* تمام عرض */
    width: 100vw !important;
    position: relative;
    left: 50%; right: 50%;
    margin-left: -50vw !important; margin-right: -50vw !important;
    
    background-color: var(--f-bg);
    margin-top: 0 !important;
    border-top: 4px solid var(--f-red);
}

#rex-shop-footer * { box-sizing: border-box !important; font-family: 'Vazirmatn', sans-serif !important; }
#rex-shop-footer a { text-decoration: none !important; transition: 0.3s; }

/* کانتینر داخلی */
#rex-shop-footer .footer-inner {
    max-width: 1300px; margin: 0 auto; padding: 0 20px;
}

/* --- نوار ویژگی‌ها (Features) --- */
#rex-shop-footer .features-bar {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
    padding: 40px 0; border-bottom: 1px solid var(--f-border);
}
#rex-shop-footer .feat-item {
    display: flex; align-items: center; gap: 15px; padding: 15px; 
    border-radius: 12px; background: rgba(255,255,255,0.02);
    border: 1px solid transparent; transition: 0.3s;
}
#rex-shop-footer .feat-item:hover {
    background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); transform: translateY(-5px);
}
#rex-shop-footer .feat-icon {
    width: 45px; height: 45px; background: rgba(227, 30, 36, 0.1); border-radius: 12px;
    display: flex; align-items: center; justify-content: center; color: var(--f-red); flex-shrink: 0;
}
#rex-shop-footer .feat-icon svg { width: 24px; height: 24px; }
#rex-shop-footer .feat-text h4 {
    font-size: 14px !important; font-weight: 800 !important; color: #fff; margin: 0 0 4px 0 !important;
}
#rex-shop-footer .feat-text span { font-size: 11px !important; color: var(--f-text); display: block; }


/* --- گرید اصلی --- */
#rex-shop-footer .footer-grid {
    display: grid; grid-template-columns: 1.4fr 1.4fr 1fr 1fr;
    gap: 40px; padding: 50px 0 30px 0;
}

/* عناوین */
#rex-shop-footer .f-title {
    color: var(--f-white); font-size: 16px !important; font-weight: 900 !important;
    margin: 0 0 25px 0 !important; position: relative;
    display: flex; justify-content: space-between; align-items: center;
}
/* خط قرمز فقط برای دسکتاپ */
#rex-shop-footer .f-title.static::after {
    content: ''; position: absolute; bottom: -10px; right: 0;
    width: 30px; height: 3px; background: var(--f-red); border-radius: 2px;
}

#rex-shop-footer .acc-icon { display: none; width: 18px; height: 18px; transition: 0.3s; }

/* ستون معرفی */
#rex-shop-footer .about-txt {
    color: var(--f-text); font-size: 13px !important; line-height: 1.8 !important;
    text-align: justify; margin-bottom: 20px !important;
}
#rex-shop-footer .social-row { display: flex; gap: 10px; }
#rex-shop-footer .social-btn {
    width: 36px; height: 36px; border-radius: 10px;
    background: rgba(255,255,255,0.05); border: 1px solid var(--f-border);
    display: flex; align-items: center; justify-content: center;
    color: var(--f-text); transition: 0.3s;
}
#rex-shop-footer .social-btn:hover { background: var(--f-red); color: #fff; border-color: var(--f-red); }
#rex-shop-footer .social-btn svg { width: 18px; height: 18px; }

/* ستون تماس */
#rex-shop-footer .contact-list { display: flex; flex-direction: column; gap: 15px; }
#rex-shop-footer .c-item {
    display: flex; align-items: flex-start; gap: 12px; color: var(--f-text); font-size: 13px !important;
}
#rex-shop-footer .c-icon { color: var(--f-red); width: 18px; height: 18px; flex-shrink: 0; margin-top: 3px; }
#rex-shop-footer .c-val strong { color: #fff; display: block; margin-bottom: 2px; font-size: 14px !important; }

/* ستون لینک‌ها */
#rex-shop-footer .f-links { list-style: none !important; padding: 0 !important; margin: 0 !important; }
#rex-shop-footer .f-links li { margin-bottom: 10px !important; }
#rex-shop-footer .f-links a {
    color: var(--f-text); font-size: 13px !important; display: flex; align-items: center; gap: 6px;
}
#rex-shop-footer .f-links a::before {
    content: ''; width: 4px; height: 4px; background: var(--f-red); border-radius: 50%; transition: 0.3s;
}
#rex-shop-footer .f-links a:hover { color: var(--f-white); transform: translateX(-5px); }
#rex-shop-footer .f-links a:hover::before { background: #fff; }

/* بخش مجوزها (پایین گرید) */
#rex-shop-footer .trust-row {
    border-top: 1px solid var(--f-border); padding: 30px 0;
    display: flex; flex-direction: column; align-items: center; gap: 15px;
}
#rex-shop-footer .trust-grid { display: flex; gap: 15px; }
#rex-shop-footer .trust-placeholder {
    width: 100px; height: 100px; background: rgba(255,255,255,0.03);
    border: 1px dashed rgba(255,255,255,0.2); border-radius: 12px;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    text-align: center; padding: 10px; cursor: default; transition: 0.3s;
}
#rex-shop-footer .trust-placeholder:hover { border-color: var(--f-red); background: rgba(255,255,255,0.05); }
#rex-shop-footer .tp-icon { width: 24px; height: 24px; opacity: 0.5; margin-bottom: 5px; }
#rex-shop-footer .tp-text { font-size: 10px !important; color: var(--f-text); opacity: 0.7; }
#rex-shop-footer .trust-text { font-size: 11px !important; color: var(--f-text); opacity: 0.6; margin: 0 !important; }

/* نوار کپی‌رایت */
#rex-shop-footer .footer-bottom {
    background-color: var(--f-bg-dark); padding: 20px 0; border-top: 1px solid var(--f-border);
}
#rex-shop-footer .bottom-flex { text-align: center; }
#rex-shop-footer .copy-txt { color: var(--f-text); font-size: 12px !important; margin: 0 !important; }
#rex-shop-footer .copy-txt strong { color: #fff; }

/* --- ریسپانسیو (موبایل و تبلت) --- */
@media (max-width: 992px) {
    #rex-shop-footer .features-bar { grid-template-columns: 1fr 1fr; }
    #rex-shop-footer .footer-grid { grid-template-columns: 1fr; gap: 0; padding-bottom: 20px; }
    #rex-shop-footer .col-section { padding: 20px 0; border-bottom: 1px solid var(--f-border); }
    #rex-shop-footer .col-section:last-child { border-bottom: none; }
    
    /* آکاردئون موبایل */
    #rex-shop-footer .acc-icon { display: block; }
    #rex-shop-footer .accordion-trigger { cursor: pointer; margin: 0 !important; padding-bottom: 0 !important; }
    #rex-shop-footer .accordion-trigger::after { display: none; } /* حذف خط قرمز در موبایل */
    
    #rex-shop-footer .accordion-content {
        max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out;
    }
    
    /* حالت باز شده */
    #rex-shop-footer .accordion-col.active .accordion-content { max-height: 300px; margin-top: 15px !important; }
    #rex-shop-footer .accordion-col.active .acc-icon { transform: rotate(180deg); color: var(--f-red); }
}

@media (max-width: 600px) {
    #rex-shop-footer .features-bar { grid-template-columns: 1fr; gap: 10px; }
    #rex-shop-footer .feat-item { padding: 10px; }
}/* End custom CSS */