body.en {
  direction: ltr;
  font-family: Arial, Helvetica, sans-serif;
}

body.en .topbar .container,
body.en .nav-wrap,
body.en .hero .container,
body.en .grid,
body.en .footer-grid,
body.en .article-layout {
  direction: ltr;
}

body.en .float-actions {
  right: 18px;
  left: auto;
  align-items: flex-end;
}

body.en .eyebrow::before,
body.en .breadcrumbs::before {
  margin-right: 8px;
  margin-left: 0;
}

body.en .section-head h2::after {
  background: linear-gradient(90deg, var(--neon-soft), var(--gold-2));
}

body.en .service-card li,
body.en .check-list li {
  padding-right: 0;
  padding-left: 26px;
}

body.en .service-card li::before,
body.en .check-list li::before {
  right: auto;
  left: 0;
}

body.en .faq-question {
  text-align: left;
}

body.en .testimonial {
  border-right: 0;
  border-left: 4px solid var(--neon-soft);
}

body.en .page-hero {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.92), rgba(0, 0, 0, 0.58)), url("images/mobile-crane-riyadh-2026.jpg") center/cover;
}

body.en .hero {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.94), rgba(0, 0, 0, 0.68)), url("images/crane-rental-riyadh.jpg") center/cover;
}

body.en .lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, 0.78);
  font-weight: 800;
}

body.en .lang-switch a {
  color: var(--gold-2);
}

body.en .hero .lead,
body.en .page-hero p {
  line-height: 1.7;
}

body.en .capacity-specs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 20px;
}

body.en .capacity-specs span {
  display: block;
  color: var(--muted);
  font-size: 14px;
  font-weight: 700;
}

body.en .capacity-specs strong {
  display: block;
  color: var(--black);
  font-size: 18px;
}

body.en .contact-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

@media (max-width: 760px) {
  body.en .topbar .container {
    text-align: left;
  }

  body.en .float-actions {
    right: 10px;
    left: 10px;
    align-items: stretch;
  }

  body.en .hero h1,
  body.en .hero .lead,
  body.en .hero .eyebrow {
    max-width: 340px;
  }

  body.en .capacity-specs {
    grid-template-columns: 1fr;
  }
}
