/* Zan Arabia English direction layer — typography and alignment only. */
html[dir="ltr"],
html[dir="ltr"] body {
  direction: ltr;
  text-align: left;
}

html[dir="ltr"] body,
html[dir="ltr"] button,
html[dir="ltr"] input,
html[dir="ltr"] select,
html[dir="ltr"] textarea {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

html[dir="ltr"] .masthead-logo-wrapper { order: 0; }
html[dir="ltr"] .masthead-navigation-wrapper { direction: ltr; }
html[dir="ltr"] .navigation,
html[dir="ltr"] .menu-buttons,
html[dir="ltr"] .masthead-actions { direction: ltr; }

html[dir="ltr"] .hero-content,
html[dir="ltr"] .hero-content .blurb,
html[dir="ltr"] .hero-content .subtitle,
html[dir="ltr"] .hero-content .title,
html[dir="ltr"] .hero-content .content,
html[dir="ltr"] .hero-content p,
html[dir="ltr"] .component-header,
html[dir="ltr"] .component-header .blurb,
html[dir="ltr"] .card-content,
html[dir="ltr"] .media-with-text-text,
html[dir="ltr"] .tabpanel-content,
html[dir="ltr"] .product-details,
html[dir="ltr"] .breadcrumbs,
html[dir="ltr"] .zan-inner-hero,
html[dir="ltr"] .zan-inner-card,
html[dir="ltr"] .zan-inner-footer,
html[dir="ltr"] .zan-mobile-panel {
  direction: ltr;
  text-align: left;
}

html[dir="ltr"] .hero-content .button-group,
html[dir="ltr"] .hero-content .tabpanel-cta-buttons,
html[dir="ltr"] .media-with-text-text .button-group,
html[dir="ltr"] .product-details .button-group {
  justify-content: flex-start;
}

html[dir="ltr"] .breadcrumbs-list,
html[dir="ltr"] .breadcrumb-item,
html[dir="ltr"] .icon-callout,
html[dir="ltr"] .zan-care160-badges,
html[dir="ltr"] .zan-care160-product-head,
html[dir="ltr"] .zan-vision-ref-pill {
  direction: ltr;
}

html[dir="ltr"] .icon-callout {
  flex-direction: row;
}

html[dir="ltr"] .icon-callout-content,
html[dir="ltr"] .icon-callout-heading,
html[dir="ltr"] .icon-callout-overview {
  text-align: left;
}

html[dir="ltr"] .card-slider .scroll-wrapper,
html[dir="ltr"] .card-slider .scroll-overflow,
html[dir="ltr"] .pro-product-slider .scroll-wrapper,
html[dir="ltr"] .pro-product-slider .scroll-overflow,
html[dir="ltr"] .dtc-product-slider .scroll-wrapper,
html[dir="ltr"] .dtc-product-slider .scroll-overflow,
html[dir="ltr"] .tabslist,
html[dir="ltr"] .vision-lineup-tabs {
  direction: ltr;
  scroll-snap-type: x proximity;
}

html[dir="ltr"] .zan-mobile-acc > summary,
html[dir="ltr"] .zan-mobile-acc-body,
html[dir="ltr"] .zan-mobile-link,
html[dir="ltr"] .zan-mobile-actions {
  direction: ltr;
  text-align: left;
}

@media (min-width: 1100px) {
  html[dir="ltr"] .hero-video-player.large .hero-content-wrapper,
  html[dir="ltr"] .hero-banner.large .hero-content-wrapper,
  html[dir="ltr"] .large .hero-content-wrapper {
    justify-content: flex-start !important;
    text-align: left !important;
  }

  html[dir="ltr"] .hero-video-player.large .hero-content,
  html[dir="ltr"] .hero-banner.large .hero-content,
  html[dir="ltr"] .large .hero-content {
    align-items: flex-start !important;
    margin-left: clamp(5vw, 7vw, 9vw) !important;
    margin-right: auto !important;
    max-width: min(600px, 44vw) !important;
    text-align: left !important;
  }

  html[dir="ltr"] .hero-content .title {
    max-width: 13ch;
    line-height: 0.98;
  }

  html[dir="ltr"] .hero-content .content {
    max-width: 55ch;
  }

  html[dir="ltr"] .hero-content .button-group {
    width: 100%;
    justify-content: flex-start !important;
  }
}

@media (max-width: 1099px) {
  html[dir="ltr"] .hero-content,
  html[dir="ltr"] .hero-content .blurb,
  html[dir="ltr"] .hero-content .title,
  html[dir="ltr"] .hero-content .content,
  html[dir="ltr"] .hero-content p {
    align-items: flex-start !important;
    text-align: left !important;
  }

  html[dir="ltr"] .zan-mobile-panel {
    left: 0;
    right: auto;
  }
}