/* --- تنظیمات پایه جهت و بدنه --- */
html, body {
    direction: ltr;
    text-align: left;
    margin: 0;
    padding: 0;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* --- کلاس عمومی وسط‌چین (برای هیرو و تیترها) --- */
.text-center {
    text-align: center !important;
}
.text-center h1, 
.text-center h2, 
.text-center h3, 
.text-center p, 
.text-center span,
.text-center div {
    text-align: center !important;
}

/* برای اینکه مطمئن شویم خود باکس‌های ترازکننده در وسط قرار می‌گیرند */
.container,
.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* --- گرید محصولات --- */
.tps-products-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
}
@media (min-width: 768px) {
    .tps-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (min-width: 1024px) {
    .tps-products-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

/* --- گرید پروسه کاری --- */
.tps-process-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    width: 100% !important;
}
@media (min-width: 768px) {
    .tps-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (min-width: 1024px) {
    .tps-process-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

/* سنتر کردن بنر CTA پایین صفحه */
#cta,
#cta * {
    text-align: center !important;
}
#cta a,
#cta button {
    display: inline-block !important;
    margin: 0 auto !important;
}

/* --- تنظیم اختصاصی ستون‌های فوتر (چپ‌چین کامل در دسکتاپ و خوانایی تمیز) --- */
.tps-footer-col,
.tps-footer-col h3,
.tps-footer-col p,
.tps-footer-col ul,
.tps-footer-col li,
.tps-footer-col a,
.tps-footer-col div {
    text-align: left !important;
}

.tps-footer-col ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.tps-footer-col li {
    line-height: 1.8 !important;
}