/* Safari/Chrome Grid & Centering Fix */

/* Force center for ALL section content */
section {
    text-align: center !important;
}

/* Force center for all direct children containers */
section > div,
section > p,
section > h1,
section > h2,
section > h3 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Force grid sections to center */
section[style*="display:grid"],
section[style*="display: grid"] {
    justify-content: center !important;
}

/* Force all grid children to center */
section[style*="display:grid"] > *,
section[style*="display: grid"] > * {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Also target common grid class names */
.services-grid,
.products-grid,
.after-sales-grid,
.payment-grid,
.ai-security-grid,
.certs-grid,
.clients-grid {
    text-align: center !important;
}

.services-grid > *,
.products-grid > *,
.after-sales-grid > * > div,
.payment-grid > *,
.ai-security-grid > *,
.certs-grid > *,
.clients-grid > * {
    text-align: center !important;
    margin: 0 auto !important;
}

/* Mobile */
@media (max-width: 640px) {
    section[style*="display:grid"],
    section[style*="display: grid"] {
        grid-template-columns: 1fr !important;
    }
}