/*
 * DATIS heading system — v1.9.3.6
 * One visual hierarchy on every public surface:
 * English eyebrow -> Persian title -> description, aligned to the right.
 */

.datis-product-app {
  --datis-heading-measure: 920px;
}

/* Shared product-page section headings. */
.datis-product-app :is(
  .datis-advantages-header,
  .datis-aeo-header,
  .datis-anatomy-header,
  .datis-applications-header,
  .datis-compact-section-head,
  .datis-downloads-header,
  .datis-faq-header,
  .datis-key-specs-header,
  .datis-related-group > header,
  .datis-related-header,
  .datis-table-header,
  .datis-why-header,
  .datis-product-use-switcher-header,
  .datis-quote-intro,
  .datis-technical-review-box > header
) {
  width: 100% !important;
  max-width: var(--datis-heading-measure) !important;
  margin-right: 0 !important;
  margin-left: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  direction: rtl !important;
  text-align: right !important;
}

.datis-product-app :is(
  .datis-advantages-header,
  .datis-aeo-header,
  .datis-anatomy-header,
  .datis-applications-header,
  .datis-compact-section-head,
  .datis-downloads-header,
  .datis-faq-header,
  .datis-key-specs-header,
  .datis-related-group > header,
  .datis-related-header,
  .datis-table-header,
  .datis-why-header,
  .datis-product-use-switcher-header,
  .datis-quote-intro,
  .datis-technical-review-box > header
) > :is(.datis-section-badge, [lang="en"]) {
  order: 1;
  align-self: flex-start !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 0 14px auto !important;
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: isolate;
}

.datis-product-app :is(
  .datis-advantages-header,
  .datis-aeo-header,
  .datis-anatomy-header,
  .datis-applications-header,
  .datis-compact-section-head,
  .datis-downloads-header,
  .datis-faq-header,
  .datis-key-specs-header,
  .datis-related-group > header,
  .datis-related-header,
  .datis-table-header,
  .datis-why-header,
  .datis-product-use-switcher-header,
  .datis-quote-intro,
  .datis-technical-review-box > header
) > :is(h1, h2, h3) {
  order: 2;
  width: 100% !important;
  margin: 0 !important;
  direction: rtl !important;
  text-align: right !important;
}

.datis-product-app :is(
  .datis-advantages-header,
  .datis-aeo-header,
  .datis-anatomy-header,
  .datis-applications-header,
  .datis-compact-section-head,
  .datis-downloads-header,
  .datis-faq-header,
  .datis-key-specs-header,
  .datis-related-header,
  .datis-table-header,
  .datis-why-header,
  .datis-product-use-switcher-header,
  .datis-quote-intro,
  .datis-technical-review-box > header
) > p {
  order: 3;
  width: 100% !important;
  max-width: 820px !important;
  margin: 12px 0 0 auto !important;
  direction: rtl !important;
  text-align: right !important;
}

/* Keep heading-adjacent controls after the three text levels. */
.datis-product-app .datis-table-header > .datis-specs-actions,
.datis-product-app .datis-quote-intro > dl {
  order: 4;
  align-self: stretch;
}

/* Working principle follows the same hierarchy without changing its visual column. */
.datis-product-app .datis-working-content {
  direction: rtl !important;
  text-align: right !important;
}

.datis-product-app .datis-working-content > :is(.datis-section-badge, h2, p) {
  margin-right: 0 !important;
  margin-left: auto !important;
  text-align: right !important;
}

.datis-product-app .datis-working-content > .datis-section-badge {
  direction: ltr !important;
  text-align: left !important;
}

/* Product hero: English product title, Persian title, then the two descriptions. */
.datis-product-app .datis-product-hero-content {
  direction: rtl !important;
  text-align: right !important;
}

.datis-product-app .datis-product-hero-meta-row {
  justify-content: flex-start !important;
  direction: rtl !important;
}

.datis-product-app .datis-product-hero-badge {
  order: -1;
  direction: ltr !important;
  text-align: left !important;
}

.datis-product-app .datis-product-hero-content > :is(h1, .datis-product-hero-lead, .datis-product-hero-description) {
  width: 100%;
  margin-right: 0 !important;
  margin-left: auto !important;
  direction: rtl !important;
  text-align: right !important;
}

/* Shop page. The old split header is flattened so its description stays below the Persian title. */
.datis-product-app .datis-shop-hero-copy,
.datis-product-app .datis-shop-section-head {
  direction: rtl !important;
  text-align: right !important;
}

.datis-product-app .datis-shop-section-head {
  display: block !important;
}

.datis-product-app .datis-shop-section-head > div {
  width: 100% !important;
  max-width: var(--datis-heading-measure) !important;
  margin: 0 0 0 auto !important;
  direction: rtl !important;
  text-align: right !important;
}

.datis-product-app .datis-shop-section-head > p {
  width: 100% !important;
  max-width: 820px !important;
  margin: 12px 0 0 auto !important;
  direction: rtl !important;
  text-align: right !important;
}

.datis-product-app :is(.datis-shop-eyebrow, .dcv-eyebrow) {
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  margin-left: auto !important;
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: isolate;
}

.datis-product-app .datis-shop-hero-copy > :is(h1, p) {
  width: 100%;
  margin-right: 0 !important;
  margin-left: auto !important;
  direction: rtl !important;
  text-align: right !important;
}

/* Category page hero and standard sections. */
.datis-product-app :is(.dcv-hero-copy, .dcv-section-head, .dcv-engineering-intro, .dcv-cta-box > div:first-child) {
  direction: rtl !important;
  text-align: right !important;
}

.datis-product-app :is(.dcv-hero-copy, .dcv-section-head, .dcv-engineering-intro, .dcv-cta-box > div:first-child) > :is(h1, h2, p),
.datis-product-app .dcv-section-head > div:first-child > :is(h2, p) {
  margin-right: 0 !important;
  margin-left: auto !important;
  direction: rtl !important;
  text-align: right !important;
}

.datis-product-app .dcv-section-head:not(.dcv-section-head-split),
.datis-product-app .dcv-engineering-intro > .dcv-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.datis-product-app .dcv-section-head:not(.dcv-section-head-split) {
  width: 100% !important;
  max-width: var(--datis-heading-measure) !important;
  margin-right: 0 !important;
  margin-left: auto !important;
}

.datis-product-app .dcv-section-head:not(.dcv-section-head-split) > p,
.datis-product-app .dcv-engineering-intro p,
.datis-product-app .dcv-cta-box > div:first-child > p {
  width: 100% !important;
  max-width: 820px !important;
}

.datis-product-app .dcv-section-head-split > div:first-child {
  direction: rtl !important;
  text-align: right !important;
}

/*
 * Deep engineering category sections ship with their own embedded styles.
 * Only main section headers containing a kicker are normalized here; internal
 * tables, cards, process diagrams and control rows keep their native layout.
 */
.datis-product-app .datis-category-engineering [class$="-header"]:has([class$="-kicker"]) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: auto !important;
  direction: rtl !important;
  text-align: right !important;
}

.datis-product-app .datis-category-engineering [class$="-header"]:has([class$="-kicker"]) > div:first-child {
  width: 100% !important;
  max-width: var(--datis-heading-measure) !important;
  margin-right: 0 !important;
  margin-left: auto !important;
  direction: rtl !important;
  text-align: right !important;
}

.datis-product-app .datis-category-engineering [class$="-header"]:has([class$="-kicker"]) [class$="-kicker"] {
  display: inline-flex !important;
  width: max-content !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  margin-left: auto !important;
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: isolate;
}

.datis-product-app .datis-category-engineering [class$="-header"]:has([class$="-kicker"]) [class$="-title"] {
  width: 100% !important;
  margin-right: 0 !important;
  margin-left: auto !important;
  direction: rtl !important;
  text-align: right !important;
}

.datis-product-app .datis-category-engineering [class$="-header"]:has([class$="-kicker"]) > [class$="-description"] {
  width: 100% !important;
  max-width: 820px !important;
  margin: 12px 0 0 auto !important;
  direction: rtl !important;
  text-align: right !important;
}

/* Quote page headings remain RTL; their step numbers stay independent controls. */
.datis-product-app .datis-quote-page-eyebrow,
.datis-product-app .datis-quote-page-hero .datis-quote-page-container,
.datis-product-app .datis-quote-section-head,
.datis-product-app .datis-quote-section-head > :is(h2, p) {
  direction: rtl !important;
  text-align: right !important;
}

.datis-product-app .datis-quote-page-eyebrow {
  width: max-content;
  max-width: 100%;
  margin-right: 0 !important;
  margin-left: auto !important;
  direction: ltr !important;
  text-align: left !important;
}

.datis-product-app .datis-quote-page-hero .datis-quote-page-container > :is(h1, p) {
  width: 100% !important;
  max-width: var(--datis-heading-measure) !important;
  margin-right: 0 !important;
  margin-left: auto !important;
  direction: rtl !important;
  text-align: right !important;
}

/* English labels are LTR internally but are anchored to the right edge. */
.datis-product-app :is(.datis-section-badge, .datis-shop-eyebrow, .dcv-eyebrow, [class$="-kicker"]) {
  unicode-bidi: isolate;
}

@media (max-width: 767px) {
  .datis-product-app {
    --datis-heading-measure: 100%;
  }

  .datis-product-app :is(
    .datis-advantages-header,
    .datis-aeo-header,
    .datis-anatomy-header,
    .datis-applications-header,
    .datis-compact-section-head,
    .datis-downloads-header,
    .datis-faq-header,
    .datis-key-specs-header,
    .datis-related-group > header,
    .datis-related-header,
    .datis-table-header,
    .datis-why-header,
    .datis-product-use-switcher-header,
    .datis-quote-intro,
    .datis-technical-review-box > header
  ) > p,
  .datis-product-app .datis-shop-section-head > p,
  .datis-product-app .datis-category-engineering [class$="-header"]:has([class$="-kicker"]) > [class$="-description"] {
    max-width: 100% !important;
  }
}