/* Native language adaptations for the shared templates. */
html[lang^="ar"] { direction: rtl; }
html[lang^="ar"] body { font-family: "Noto Sans Arabic", Tahoma, Arial, sans-serif; }
html[lang^="ar"] :is(h1, h2, h3, p, label) { letter-spacing: normal; }
html[lang^="ar"] :is(.jk-product-summary, .suneng-chapter-copy, .jk-product-contact-person) { text-align: start; }
html[lang^="ar"] .jk-product-summary { padding-inline-start: 32px; padding-left: 0; border-inline-start: 1px solid #c5dce9; border-left: 0; }
html[lang^="ar"] :is(.jk-product-breadcrumb, .jk-product-actions, .suneng-product-contact-person) { direction: rtl; }
html[lang^="ar"] :is(a[href^="mailto:"], a[href^="tel:"], input[type="email"], input[type="tel"], .suneng-bidi-technical) { direction: ltr; unicode-bidi: isolate; }
html[lang^="ar"] :is(input, textarea) { text-align: start; }
html[lang^="ar"] .jk-product-section-nav .jk-container { direction: rtl; }
html[lang^="ar"] :is(.jk-product-rich-copy table, .jk-product-table-scroll table) { font-size: 14px; line-height: 1.6; }
html[lang^="ar"] :is(.jk-product-rich-copy table, .jk-product-table-scroll table) :is(th, td) { font-size: 14px; line-height: 1.6; word-break: normal; overflow-wrap: normal; }
/* Table column order stays authored. Numeric cells require explicit bdi/dir rules by column. */
@media (max-width: 900px) {
    html[lang^="ar"] .jk-product-summary { padding-inline-start: 0; border-inline-start: 0; }
}
@font-face {
    font-family: "Noto Sans Arabic";
    src: url("fonts/noto-sans-arabic/NotoSansArabic-variable.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}
.suneng-native-catalog .jk-page-intro p { max-width: 65ch; margin-top: 20px; color: #4e6e89; }
.suneng-native-range { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px 28px; padding-block: 56px 80px; }
.suneng-native-range-item { min-width: 0; border-bottom: 1px solid #c5dce9; padding-bottom: 28px; }
.suneng-native-range-image { height: 224px; background: #fff; margin-bottom: 20px; }
.suneng-native-range-image img { width: 100%; height: 100%; object-fit: contain; }
.suneng-native-range-item h2 { font-size: 23px; line-height: 1.35; color: #082f5c; margin: 0 0 12px; }
.suneng-native-range-item p { font-size: 16px; line-height: 1.65; color: #4e6e89; margin: 0 0 20px; }
.suneng-native-range-item .jk-button { font-size: 14px; padding: 12px 18px; white-space: normal; }
@media (max-width: 980px) { .suneng-native-range { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .suneng-native-range { grid-template-columns: 1fr; padding-block: 32px 48px; gap: 28px; } .suneng-native-range-image { height: 210px; } }
html:is([lang^="ar"], [lang^="es"], [lang^="fr"]) :is(.jk-header, .site-header) nav a { white-space: normal; }
html:is([lang^="ar"], [lang^="es"], [lang^="fr"]) :is(.jk-nav ul, .site-header nav) { gap: clamp(10px, 1.1vw, 20px); }
html:is([lang^="ar"], [lang^="es"], [lang^="fr"]) :is(.jk-header-cta, .header-cta) { white-space: normal; text-align: center; }
html:is([lang^="ar"], [lang^="es"], [lang^="fr"]) :is(.hero-product h2, .jk-page-intro h1) { overflow-wrap: anywhere; }
html[lang^="ar"] :is(body, button, input, textarea, select, h1, h2, h3, h4, p, a, label) { font-family: "Noto Sans Arabic", Tahoma, sans-serif; letter-spacing: normal; }
html[lang^="ar"] :is(p, label, li) { line-height: 1.8; }
html[lang^="ar"] :is(.jk-nav, .jk-footer, .enquiry-modal, .jk-cookie-dialog) { text-align: start; }
html[lang^="ar"] :is(.jk-footer-form, .enquiry-modal-field-grid) { direction: rtl; }
html[lang^="ar"] .enquiry-modal-close { margin-inline-start: auto; margin-left: 0; }
html[lang^="ar"] :is(.jk-language-options, .nav-dropdown-menu) { text-align: start; }
html[lang^="ar"] .online-contact { direction: ltr; }
/* These rails use physical left-to-right transforms in the shared carousel JS. */
html[lang^="ar"] :is(.solution-carousel-tabs, .home-insights-viewport, .customer-marquee) { direction: ltr; }
html[lang^="ar"] :is(.solution-carousel-tabs button, .home-insight-card) { direction: rtl; }
/* Off-canvas honeypots enlarge an RTL document. Clip them in place instead. */
html[lang^="ar"] :is(.enquiry-honeypot, .home-enquiry-honeypot, .suneng-news-honeypot) { left: 0 !important; right: auto !important; clip-path: inset(50%); }