/* =========================================================
   ARCADIUM ENGLISH VISUAL LAYER — V1.0.34
   English-only. Arabic baseline is intentionally untouched.
   Goal: mirror the approved Arabic/Figma composition, not redesign it.
========================================================= */

html[lang="en"],
body.arcadium-lang-en {
  direction: ltr;
  text-align: left;
}

body.arcadium-lang-en main { direction: ltr; }
body.arcadium-lang-en main :is(h1,h2,h3,h4,h5,h6,p,li,label) { direction: ltr; }

/* Keep intentionally centered display headings centered after removing legacy RTL. */
body.arcadium-lang-en .section-title,
body.arcadium-lang-en .single-game-section-title,
body.arcadium-lang-en .corporate-section-title,
body.arcadium-lang-en .gallery-section-title,
body.arcadium-lang-en .faq-page-title,
body.arcadium-lang-en .articles-page-title { text-align: center; }

/* English display copy is often longer than Arabic. Preserve the Figma line count
   by slightly tightening the type rather than changing the composition. */
body.arcadium-lang-en .section-title,
body.arcadium-lang-en .single-game-section-title,
body.arcadium-lang-en .corporate-section-title {
  letter-spacing: -.035em;
  text-wrap: balance;
}

/* =========================================================
   HEADER — exact LTR mirror
========================================================= */
body.arcadium-lang-en .site-header {
  direction: ltr;
  grid-template-columns: 115px minmax(0, 1fr) 115px;
}
body.arcadium-lang-en .site-logo {
  grid-column: 1;
  justify-self: start;
}
body.arcadium-lang-en .language-control {
  grid-column: 3;
  justify-self: end;
  direction: ltr;
}
body.arcadium-lang-en .language-current {
  border-radius: 16px 0 0 16px;
}
body.arcadium-lang-en .desktop-nav {
  direction: ltr;
}
body.arcadium-lang-en .desktop-nav > a,
body.arcadium-lang-en .nav-dropdown > button,
body.arcadium-lang-en .nav-dropdown,
body.arcadium-lang-en .dropdown-panel,
body.arcadium-lang-en .dropdown-panel a {
  direction: ltr;
  text-align: left;
}
body.arcadium-lang-en .desktop-nav > a,
body.arcadium-lang-en .nav-dropdown > button { text-align: center; }
body.arcadium-lang-en .desktop-nav > a::after,
body.arcadium-lang-en .nav-dropdown > button::after {
  right: auto;
  left: 0;
  transform-origin: left;
}
body.arcadium-lang-en .dropdown-panel {
  right: auto;
  left: 50%;
  transform: translate(-50%, 12px);
}
body.arcadium-lang-en .nav-dropdown:hover .dropdown-panel,
body.arcadium-lang-en .nav-dropdown:focus-within .dropdown-panel,
body.arcadium-lang-en .nav-dropdown.is-open .dropdown-panel {
  transform: translate(-50%, 0);
}
body.arcadium-lang-en .dropdown-panel a:hover,
body.arcadium-lang-en .dropdown-panel a:focus-visible {
  transform: translateX(4px);
}

/* Mobile drawer opens from the left in English. */
body.arcadium-lang-en .mobile-drawer {
  right: auto;
  left: 0;
  border-right: 1px solid rgba(221,55,255,.32);
  border-left: 0;
  box-shadow: 20px 0 55px rgba(0,0,0,.35);
  transform: translateX(-105%);
  direction: ltr;
  text-align: left;
}
body.arcadium-lang-en .mobile-drawer.is-open { transform: translateX(0); }
body.arcadium-lang-en .drawer-close {
  right: 22px;
  left: auto;
}
body.arcadium-lang-en .drawer-nav,
body.arcadium-lang-en .drawer-nav a,
body.arcadium-lang-en .drawer-submenu-toggle,
body.arcadium-lang-en .drawer-submenu a {
  direction: ltr;
  text-align: left;
}
body.arcadium-lang-en .drawer-nav > a:hover,
body.arcadium-lang-en .drawer-nav > a:focus-visible,
body.arcadium-lang-en .drawer-submenu-toggle:hover,
body.arcadium-lang-en .drawer-submenu-toggle:focus-visible {
  padding-right: 0;
  padding-left: 12px;
}
body.arcadium-lang-en .drawer-submenu a:hover,
body.arcadium-lang-en .drawer-submenu a:focus-visible { transform: translateX(6px); }

/* =========================================================
   HOME — live English treatment for Arabic-baked composites
========================================================= */
body.arcadium-lang-en.home-page .hero--composite .hero-bg {
  transform: scaleX(-1);
}
body.arcadium-lang-en.home-page .hero--composite { isolation: isolate; }
body.arcadium-lang-en.home-page .en-hero-copy {
  position: absolute;
  z-index: 8;
  inset: 0;
  pointer-events: none;
  direction: ltr;
  font-family: var(--body-font);
}
body.arcadium-lang-en.home-page .en-hero-copy__mask {
  position: absolute;
  z-index: 0;
  border-radius: 28px;
  background: rgba(85,32,174,.26);
  -webkit-backdrop-filter: blur(22px) saturate(.95);
  backdrop-filter: blur(22px) saturate(.95);
  box-shadow: inset 0 0 65px rgba(75,22,142,.34);
}
body.arcadium-lang-en.home-page .en-hero-copy__mask--lead {
  top: 24.8%;
  left: 6.6%;
  width: 29%;
  height: 18.5%;
}
body.arcadium-lang-en.home-page .en-hero-copy__mask--support {
  top: 27.1%;
  right: 6.4%;
  width: 29.5%;
  height: 17.8%;
}
body.arcadium-lang-en.home-page .en-hero-copy__lead,
body.arcadium-lang-en.home-page .en-hero-copy__support {
  position: absolute;
  z-index: 2;
}
body.arcadium-lang-en.home-page .en-hero-copy__lead {
  top: 27.3%;
  left: 7.5%;
  width: 31%;
  color: #fff;
  font-family: var(--display-font);
  font-size: clamp(46px, 4.45vw, 68px);
  font-weight: 400;
  line-height: .98;
  letter-spacing: -.045em;
  text-align: left;
}
body.arcadium-lang-en.home-page .en-hero-copy__lead strong {
  display: inline-block;
  margin-bottom: 10px;
  color: #fff;
  font: inherit;
  font-weight: inherit;
}
body.arcadium-lang-en.home-page .en-hero-copy__badge {
  display: inline-grid;
  place-items: center;
  min-width: 112px;
  height: 34px;
  margin-left: 8px;
  padding: 0 17px;
  border-radius: 999px;
  background: #ff6b11;
  color: #fff;
  font-family: var(--body-font);
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  vertical-align: .35em;
  transform: rotate(-4deg);
}
body.arcadium-lang-en.home-page .en-hero-copy__support {
  top: 27.7%;
  right: 7.3%;
  width: 27.5%;
  color: #fff;
  text-align: left;
}
body.arcadium-lang-en.home-page .en-hero-copy__eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 31px;
  padding: 0 18px;
  border-radius: 999px;
  background: #2bd5e8;
  color: #120d28;
  font-size: 17px;
  font-weight: 700;
}
body.arcadium-lang-en.home-page .en-hero-copy__support p {
  width: 100%;
  margin: 9px 0 0;
  font-size: clamp(15px, 1.2vw, 18px);
  font-weight: 300;
  line-height: 1.65;
  text-align: left;
}

/* Hero CTA buttons keep the same geometry but flow naturally LTR. */
body.arcadium-lang-en.home-page .hero-actions,
body.arcadium-lang-en.home-page .hero-actions .button { direction: ltr; }

/* Ribbons are already motion-LTR; only their text direction changes. */
body.arcadium-lang-en.home-page .ribbon { direction: ltr; }

/* Replace the Arabic-baked intro title with live English while reusing the
   central illustrated character from the original composite as a clipped crop. */
body.arcadium-lang-en.home-page .intro-visual {
  position: relative;
  height: 250px;
  max-height: none;
  overflow: visible;
}
body.arcadium-lang-en.home-page .intro-composite { opacity: 0; }
body.arcadium-lang-en.home-page .en-intro-live {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  direction: ltr;
  pointer-events: none;
}
body.arcadium-lang-en.home-page .en-intro-live__title {
  position: absolute;
  z-index: 1;
  top: 40px;
  left: 0;
  width: 100%;
  color: #fff;
  font-family: var(--display-font);
  font-size: clamp(52px, 6.2vw, 92px);
  font-weight: 400;
  line-height: .9;
  letter-spacing: -.055em;
  text-align: center;
  white-space: nowrap;
}
body.arcadium-lang-en.home-page .en-intro-live__title .en-intro-gap {
  display: inline-block;
  width: clamp(210px, 24vw, 330px);
}
body.arcadium-lang-en.home-page .en-intro-live__figure {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 50%;
  width: 315px;
  height: 249px;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-size: 760px 287px;
  background-position: -222px -7px;
  clip-path: polygon(13% 0,62% 1%,72% 12%,69% 24%,89% 33%,79% 47%,88% 63%,77% 71%,89% 91%,69% 100%,51% 86%,38% 100%,9% 96%,13% 80%,3% 63%,15% 47%,6% 31%,16% 18%);
}
body.arcadium-lang-en.home-page .en-intro-live__tag {
  position: absolute;
  z-index: 4;
  right: 16%;
  bottom: 23px;
  min-width: 86px;
  padding: 4px 16px 5px;
  border-radius: 999px;
  background: #9209f2;
  color: #fff;
  font-family: var(--body-font);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  transform: rotate(-6deg);
}
body.arcadium-lang-en.home-page .intro-text {
  direction: ltr;
  text-align: center;
}

/* Shared Home cards */
body.arcadium-lang-en .game-card,
body.arcadium-lang-en .event-card,
body.arcadium-lang-en .package-card,
body.arcadium-lang-en .work-tile,
body.arcadium-lang-en .review-card {
  direction: ltr;
  text-align: left;
}
body.arcadium-lang-en .game-card__head h3 { transform-origin: left center; }
body.arcadium-lang-en .game-card > p,
body.arcadium-lang-en .game-card__hover-copy,
body.arcadium-lang-en .event-card__head h3,
body.arcadium-lang-en .event-card > p,
body.arcadium-lang-en .package-card__intro,
body.arcadium-lang-en .package-card__intro p,
body.arcadium-lang-en .package-card__from,
body.arcadium-lang-en .package-card__price,
body.arcadium-lang-en .package-card li,
body.arcadium-lang-en .work-tile p,
body.arcadium-lang-en .review-card__content > p,
body.arcadium-lang-en .review-card__person strong {
  direction: ltr;
  text-align: left;
  padding: 0;
}
body.arcadium-lang-en .game-card__sticker { margin-right: 0; margin-left: auto; }
body.arcadium-lang-en .event-card > p { margin-right: 0; margin-left: 16px; }
body.arcadium-lang-en .event-card__sticker {
  justify-self: start;
  margin-right: 0;
  margin-left: 17px;
}
body.arcadium-lang-en .game-card:hover .game-card__head > .game-card__single-link .card-link-arrow,
body.arcadium-lang-en .game-card:focus-within .game-card__head > .game-card__single-link .card-link-arrow,
body.arcadium-lang-en .game-card.is-hovered .game-card__head > .game-card__single-link .card-link-arrow {
  transform: translateX(4px) scaleX(-1) rotate(-8deg);
}
body.arcadium-lang-en .game-card__head .card-link-arrow,
body.arcadium-lang-en .event-card__head .card-link-arrow,
body.arcadium-lang-en .work-tile__arrow,
body.arcadium-lang-en .article-card__more img,
body.arcadium-lang-en .section-button img { transform: scaleX(-1); }
body.arcadium-lang-en .package-card ul { direction: ltr; }
body.arcadium-lang-en .package-card li {
  padding-right: 0;
  padding-left: 25px;
}
body.arcadium-lang-en .package-card li::before {
  right: auto;
  left: 0;
}
body.arcadium-lang-en .package-card:hover li::before,
body.arcadium-lang-en .package-card:focus-within li::before,
body.arcadium-lang-en .package-card.is-active li::before {
  transform: translateX(2px) scale(1.08);
}

/* Reviews mirror the content while keeping rating stars naturally LTR. */
body.arcadium-lang-en .review-card__person { direction: rtl; }
body.arcadium-lang-en .review-card__person strong { width: auto; min-width: 74px; }
body.arcadium-lang-en .review-card__meta { direction: rtl; }
body.arcadium-lang-en .review-art { transform: none; }
body.arcadium-lang-en .stars { direction: ltr; }

/* FAQ content */
body.arcadium-lang-en .faq-item > button {
  direction: ltr;
  padding-right: 48px;
  padding-left: 24px;
  text-align: left;
}
body.arcadium-lang-en .faq-item > button > span:first-child,
body.arcadium-lang-en .faq-answer { direction: ltr; text-align: left; }
body.arcadium-lang-en .faq-answer {
  margin-right: auto;
  margin-left: 0;
}
body.arcadium-lang-en .faq-item.is-open > button {
  padding-right: 48px;
  padding-left: 24px;
}

/* English CTA: hide Arabic baked copy under a clean live card while preserving
   the approved photographic banner underneath. */
body.arcadium-lang-en .cta-section { position: relative; }
body.arcadium-lang-en .cta-composite { transform: scaleX(-1); }
body.arcadium-lang-en .cta-full-link:hover .cta-composite,
body.arcadium-lang-en .cta-full-link:focus-visible .cta-composite {
  transform: scaleX(-1) scale(1.012);
}
body.arcadium-lang-en .en-cta-card {
  position: absolute;
  z-index: 3;
  top: 24.4%;
  left: 35.5%;
  width: 31.2%;
  height: 51%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.3% 2.1%;
  background: #fff;
  color: #121028;
  text-align: center;
  transform: rotate(-4deg);
  transform-origin: center;
  pointer-events: none;
}
body.arcadium-lang-en .en-cta-card h2 {
  margin: 0;
  font-family: var(--display-font);
  font-size: clamp(20px, 2vw, 31px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.035em;
  white-space: nowrap;
}
body.arcadium-lang-en .en-cta-card p {
  margin: 8px 0 9px;
  font-size: clamp(8px, .83vw, 12.5px);
  line-height: 1.35;
  text-align: center;
}
body.arcadium-lang-en .en-cta-card span {
  display: grid;
  place-items: center;
  min-width: 84px;
  min-height: 25px;
  padding: 4px 16px;
  border-radius: 999px;
  background: #9209f2;
  color: #fff;
  font-size: clamp(8px, .75vw, 11px);
  line-height: 1;
}

/* =========================================================
   FOOTER — LTR mirror
========================================================= */
body.arcadium-lang-en .footer-inner {
  direction: ltr;
  text-align: left;
}
body.arcadium-lang-en .footer-brand,
body.arcadium-lang-en .footer-links,
body.arcadium-lang-en .footer-policies,
body.arcadium-lang-en .footer-contact,
body.arcadium-lang-en .footer-brand p,
body.arcadium-lang-en .footer-links h2,
body.arcadium-lang-en .footer-policies h2,
body.arcadium-lang-en .footer-contact h2 {
  direction: ltr;
  text-align: left;
}
body.arcadium-lang-en .footer-links a,
body.arcadium-lang-en .footer-policies a { direction: ltr; text-align: left; }
body.arcadium-lang-en .footer-links a:hover,
body.arcadium-lang-en .footer-policies a:hover { transform: translateX(4px); }
body.arcadium-lang-en .footer-contact .contact-row {
  margin-right: auto;
  margin-left: 0;
  text-align: left;
}
body.arcadium-lang-en .footer-contact .socials {
  direction: ltr;
  justify-content: flex-start;
}

/* =========================================================
   INNER HERO / BREADCRUMB
========================================================= */
body.arcadium-lang-en .contact-hero__content,
body.arcadium-lang-en .about-hero__content,
body.arcadium-lang-en .corporate-hero__content,
body.arcadium-lang-en .article-single-hero__content {
  direction: ltr;
  text-align: left;
}
body.arcadium-lang-en .contact-hero__content p,
body.arcadium-lang-en .about-hero__content p,
body.arcadium-lang-en .corporate-hero__content p,
body.arcadium-lang-en .article-single-hero__content p {
  margin-right: auto;
  margin-left: 0;
  text-align: left;
}
body.arcadium-lang-en .breadcrumb-nav {
  direction: ltr;
  justify-content: flex-start;
  text-align: left;
}
body.arcadium-lang-en .breadcrumb-nav > span[aria-hidden="true"] { transform: none; }

/* =========================================================
   GAMES ARCHIVE / SHARED GAME GRID
========================================================= */
body.arcadium-lang-en .games-page .games-extra-grid .game-card,
body.arcadium-lang-en .games-grid > .cards-grid,
body.arcadium-lang-en .single-game-page .related-games .games-grid > .cards-grid {
  direction: ltr;
}
body.arcadium-lang-en .games-page .game-card__sticker,
body.arcadium-lang-en .single-game-page .related-games .game-card__sticker {
  margin-right: 0;
}

/* =========================================================
   EVENT SOLUTIONS ARCHIVE
========================================================= */
body.arcadium-lang-en .solutions-page .solutions-offer__grid,
body.arcadium-lang-en .solutions-page .solutions-events .cards-grid {
  direction: ltr;
}
body.arcadium-lang-en .solution-feature-card {
  direction: ltr;
  text-align: left;
}
body.arcadium-lang-en .solution-feature-card h3,
body.arcadium-lang-en .solution-feature-card p { direction:ltr; text-align:left; }
body.arcadium-lang-en .solution-feature-card__art {
  right: 0;
  left: auto;
  transform: scaleX(-1);
}

/* =========================================================
   PACKAGES ARCHIVE
========================================================= */
body.arcadium-lang-en .packages-page .packages-grid > .cards-grid { direction: ltr; }

/* =========================================================
   WORKS / PHOTO GALLERY ARCHIVE
========================================================= */
body.arcadium-lang-en.gallery-page .gallery-controls {
  right: 0;
  left: auto;
  direction: ltr;
}
body.arcadium-lang-en .single-game-page .single-game-gallery .gallery-controls {
  right: 0;
  left: auto;
  direction: rtl;
}
body.arcadium-lang-en .gallery-page .gallery-heading,
body.arcadium-lang-en .gallery-page .gallery-copy,
body.arcadium-lang-en .video-card,
body.arcadium-lang-en .photo-gallery-slide {
  direction: ltr;
  text-align: left;
}
/* Circular chevrons are physical controls. Works keeps the source SVG direction:
   Previous points left and Next points right. Single-game keeps its existing mirror. */
body.arcadium-lang-en.gallery-page .gallery-controls button img { transform: none; }
body.arcadium-lang-en .single-game-gallery .gallery-controls button img { transform: scaleX(-1); }

/* =========================================================
   FAQ ARCHIVE
========================================================= */
body.arcadium-lang-en.faq-page .faq-tabs { direction: ltr; }
body.arcadium-lang-en.faq-page .faq-tab { direction:ltr; text-align:center; }

/* =========================================================
   ARTICLES ARCHIVE
========================================================= */
body.arcadium-lang-en.articles-page .article-tabs { direction: ltr; }
body.arcadium-lang-en.articles-page .article-card {
  direction: ltr;
  text-align: left;
}
body.arcadium-lang-en.articles-page .article-card :is(h2,h3,p),
body.arcadium-lang-en.articles-page .article-card__more {
  direction: ltr;
  text-align: left;
}
body.arcadium-lang-en.articles-page .article-card__more { justify-content: flex-start; }
body.arcadium-lang-en.articles-page .articles-grid { direction: ltr; }

/* =========================================================
   ABOUT
========================================================= */
body.arcadium-lang-en.about-page .story-grid,
body.arcadium-lang-en.about-page .why-grid { direction: rtl; }
/* direction:rtl above mirrors the physical card slots. Restore English text inside. */
body.arcadium-lang-en.about-page .story-card,
body.arcadium-lang-en.about-page .why-card,
body.arcadium-lang-en.about-page .moments-copy,
body.arcadium-lang-en.about-page .moment-tag {
  direction: ltr;
  text-align: left;
}
body.arcadium-lang-en.about-page .story-card h2,
body.arcadium-lang-en.about-page .story-card p,
body.arcadium-lang-en.about-page .why-card h3,
body.arcadium-lang-en.about-page .why-card p { direction:ltr; text-align:left; }
body.arcadium-lang-en.about-page .story-card--about .story-card__coin,
body.arcadium-lang-en.about-page .story-card--about .story-card__glow {
  right: auto;
  left: auto;
  transform: scaleX(-1);
}
body.arcadium-lang-en.about-page .why-card__icon {
  right: auto;
  left: auto;
  transform: scaleX(-1);
}
body.arcadium-lang-en.about-page .moment-tags { direction: ltr; }

/* Desktop About fixed Figma slots: mirror them across the 1246px canvas. */
@media (min-width: 1281px) {
  body.arcadium-lang-en.about-page .why-card--transport { left: 791px; }
  body.arcadium-lang-en.about-page .why-card--delivery  { left: 496px; }
  body.arcadium-lang-en.about-page .why-card--variety   { left: 188px; }
  body.arcadium-lang-en.about-page .why-card--quality   { left: -85.9px; }
}

/* =========================================================
   CONTACT
========================================================= */
body.arcadium-lang-en.contact-form-page .contact-layout { direction: rtl; }
/* Mirror columns physically; reset each column content LTR. */
body.arcadium-lang-en.contact-form-page .contact-form-panel,
body.arcadium-lang-en.contact-form-page .direct-contact {
  direction: ltr;
  text-align: left;
}
body.arcadium-lang-en.contact-form-page .direct-contact h2,
body.arcadium-lang-en.contact-form-page .direct-contact p { text-align:left; direction:ltr; }
body.arcadium-lang-en.contact-form-page .direct-contact .contact-detail {
  direction: rtl;
  justify-content: flex-end;
}
body.arcadium-lang-en.contact-form-page .direct-contact .contact-detail > :is(a,span) {
  direction: ltr;
  text-align: left;
}
body.arcadium-lang-en.contact-form-page .direct-contact .socials { direction:ltr; justify-content:flex-start; }

/* =========================================================
   SINGLE GAME
========================================================= */
body.arcadium-lang-en.single-game-page .game-intro { direction: rtl; }
body.arcadium-lang-en.single-game-page .game-intro__copy {
  direction: ltr;
  margin-right: auto;
  margin-left: 0;
  text-align: left;
}
body.arcadium-lang-en.single-game-page .game-intro__copy p { direction:ltr; text-align:left; }
body.arcadium-lang-en.single-game-page .why-game__title,
body.arcadium-lang-en.single-game-page .why-game__cards { direction:ltr; }
body.arcadium-lang-en.single-game-page .why-card { direction:ltr; text-align:left; }
body.arcadium-lang-en.single-game-page .why-card h3,
body.arcadium-lang-en.single-game-page .why-card p { direction:ltr; text-align:left; }
body.arcadium-lang-en.single-game-page .single-game-events .cards-grid { direction:ltr; }
body.arcadium-lang-en.single-game-page .related-games .game-card { direction:ltr; }

/* =========================================================
   SINGLE EVENT
========================================================= */
body.arcadium-lang-en.corporate-events-page .corporate-intro,
body.arcadium-lang-en.corporate-events-page .corporate-intro__body { direction:ltr; }
body.arcadium-lang-en.corporate-events-page .corporate-intro__body p { text-align:center; }
body.arcadium-lang-en.corporate-events-page .corporate-experience__cards,
body.arcadium-lang-en.corporate-events-page .corporate-steps__grid { direction:rtl; }
body.arcadium-lang-en.corporate-events-page .experience-card,
body.arcadium-lang-en.corporate-events-page .setup-step {
  direction:ltr;
  text-align:left;
}
body.arcadium-lang-en.corporate-events-page .experience-card h3,
body.arcadium-lang-en.corporate-events-page .experience-card p,
body.arcadium-lang-en.corporate-events-page .setup-step h3,
body.arcadium-lang-en.corporate-events-page .setup-step p { direction:ltr; text-align:left; }
body.arcadium-lang-en.corporate-events-page .experience-card__badge {
  right: auto;
  left: auto;
  transform: scaleX(-1);
}
body.arcadium-lang-en.corporate-events-page .setup-step__number {
  right: auto;
  left: 0;
}
body.arcadium-lang-en.corporate-events-page .setup-step__copy {
  right: auto;
  left: 0;
  text-align:left;
}

/* =========================================================
   SINGLE ARTICLE
========================================================= */
body.arcadium-lang-en.article-single-page .article-single-hero__content :is(h1,p) {
  direction:ltr;
  text-align:left;
  margin-right:auto;
  margin-left:0;
}
body.arcadium-lang-en.article-single-page .article-single-layout { direction:rtl; }
body.arcadium-lang-en.article-single-page .article-single-sidebar,
body.arcadium-lang-en.article-single-page .article-single-content {
  direction:ltr;
  text-align:left;
}
body.arcadium-lang-en.article-single-page .article-single-content :is(h2,h3,h4,p,li),
body.arcadium-lang-en.article-single-page .article-single-sidebar :is(h2,h3,p,a) {
  direction:ltr;
  text-align:left;
}
body.arcadium-lang-en.article-single-page .article-single-content ul,
body.arcadium-lang-en.article-single-page .article-single-content ol {
  padding-right:0;
  padding-left:1.25em;
}

/* =========================================================
   PRIVACY / STANDARD EDITOR PAGES
========================================================= */
body.arcadium-lang-en.privacy-page .privacy-editor-content,
body.arcadium-lang-en .standard-page-content {
  direction:ltr;
  text-align:left;
}
body.arcadium-lang-en.privacy-page .privacy-editor-content :is(h1,h2,h3,h4,p,li,a,strong),
body.arcadium-lang-en .standard-page-content :is(h1,h2,h3,h4,p,li,a,strong) {
  direction:ltr;
  text-align:left;
}
body.arcadium-lang-en.privacy-page .privacy-editor-content :is(ul,ol),
body.arcadium-lang-en .standard-page-content :is(ul,ol) {
  padding-right:0;
  padding-left:1.35em;
}

/* =========================================================
   ENGLISH LINE-FIT / TYPE TUNING — desktop
========================================================= */
@media (min-width: 992px) {
  body.arcadium-lang-en .desktop-nav {   }
  body.arcadium-lang-en .desktop-nav > a,
  body.arcadium-lang-en .nav-dropdown > button { font-size: 14px; letter-spacing:-.02em; }
  body.arcadium-lang-en .desktop-nav > a.is-active { font-size: 20px; }

  body.arcadium-lang-en .game-card__head h3 { font-size: 29px; white-space:nowrap; }
  body.arcadium-lang-en .event-card__head h3 { font-size: 26px; letter-spacing:-.04em; }
  body.arcadium-lang-en .package-card__intro h3 { font-size: clamp(28px, 2.45vw, 35px); letter-spacing:-.035em; }
  body.arcadium-lang-en .package-card li { font-size: 12px; letter-spacing:-.01em; }
  body.arcadium-lang-en .work-tile p { font-size: .86em; letter-spacing:-.04em; }

  body.arcadium-lang-en.about-page .moments-copy h2 { letter-spacing:-.045em; }
  body.arcadium-lang-en.about-page .moment-tag { font-size:.88em; white-space:nowrap; }

  body.arcadium-lang-en.corporate-events-page .corporate-intro h2 { letter-spacing:-.055em; }
  body.arcadium-lang-en.corporate-events-page .experience-card h3 { letter-spacing:-.04em; }
}

/* =========================================================
   INTERMEDIATE DESKTOP — 1200 is still desktop
========================================================= */
@media (min-width: 992px) and (max-width: 1280px) {
  body.arcadium-lang-en .desktop-nav { gap: clamp(14px, 1.35vw, 20px); }
  body.arcadium-lang-en .desktop-nav > a,
  body.arcadium-lang-en .nav-dropdown > button { font-size: clamp(13px, 1.32vw, 16px); }

  body.arcadium-lang-en.home-page .en-hero-copy__lead {
    font-size: clamp(40px, 4.2vw, 54px);
  }
  body.arcadium-lang-en.home-page .en-hero-copy__support p {
    font-size: clamp(12px, 1.15vw, 15px);
  }

  body.arcadium-lang-en .work-tile p { letter-spacing:-.055em; }
  body.arcadium-lang-en .package-card__intro h3 { font-size: clamp(25px, 2.35vw, 30px); }
}

/* =========================================================
   MOBILE / TABLET — true mirrored interaction
========================================================= */
@media (max-width: 991.98px) {
  body.arcadium-lang-en .site-header {
    grid-template-columns: 76px 1fr 42px;
    direction:ltr;
  }
  body.arcadium-lang-en .site-logo {
    grid-column:1;
    justify-self:start;
  }
  body.arcadium-lang-en .language-control {
    grid-column:2;
    justify-self:end;
  }
  body.arcadium-lang-en .menu-toggle {
    grid-column:3;
    justify-self:end;
  }

  body.arcadium-lang-en.home-page .hero--composite .hero-artwork {
    overflow:hidden;
  }
  body.arcadium-lang-en.home-page .en-hero-copy {
    top:0;
    height:100%;
  }
  body.arcadium-lang-en.home-page .en-hero-copy__mask--lead {
    top:22%; left:3%; width:43%; height:23%;
  }
  body.arcadium-lang-en.home-page .en-hero-copy__mask--support {
    top:25%; right:3%; width:42%; height:21%;
  }
  body.arcadium-lang-en.home-page .en-hero-copy__lead {
    top:25%; left:4.5%; width:43%;
    font-size:clamp(24px,5.2vw,42px);
  }
  body.arcadium-lang-en.home-page .en-hero-copy__badge {
    min-width:64px; height:24px; padding:0 9px; margin-left:4px; font-size:10px;
  }
  body.arcadium-lang-en.home-page .en-hero-copy__support {
    top:27%; right:4%; width:39%;
  }
  body.arcadium-lang-en.home-page .en-hero-copy__eyebrow {
    min-height:22px; padding:0 10px; font-size:10px;
  }
  body.arcadium-lang-en.home-page .en-hero-copy__support p {
    margin-top:5px; font-size:clamp(8px,1.7vw,12px); line-height:1.48;
  }

  body.arcadium-lang-en.home-page .en-intro-live__title {
    top:50px;
    font-size:clamp(40px,9.2vw,68px);
  }
  body.arcadium-lang-en.home-page .en-intro-live__title .en-intro-gap { width:clamp(145px,33vw,240px); }
  body.arcadium-lang-en.home-page .en-intro-live__figure {
    width:260px; height:215px; background-size:654px 247px; background-position:-191px -6px;
  }
  body.arcadium-lang-en.home-page .en-intro-live__tag { right:9%; bottom:20px; }

  body.arcadium-lang-en .games-grid > .cards-grid,
  body.arcadium-lang-en .events-grid > .cards-grid,
  body.arcadium-lang-en .packages-grid > .cards-grid,
  body.arcadium-lang-en .solutions-page .solutions-offer__grid,
  body.arcadium-lang-en .corporate-events-page .corporate-experience__cards,
  body.arcadium-lang-en .corporate-events-page .corporate-steps__grid {
    direction:ltr;
  }

  body.arcadium-lang-en .event-card > p { margin-left:12px; margin-right:0; }
  body.arcadium-lang-en .event-card__sticker { margin-left:9px; margin-right:0; }

  body.arcadium-lang-en .faq-item > button { padding-right:28px; padding-left:18px; }
  body.arcadium-lang-en .faq-item.is-open > button { padding-right:28px; padding-left:18px; }

  body.arcadium-lang-en.gallery-page .gallery-controls {
    right:14px;
    left:auto;
    direction:ltr;
  }
  body.arcadium-lang-en .single-game-page .single-game-gallery .gallery-controls {
    right:14px;
    left:auto;
  }

  body.arcadium-lang-en.contact-form-page .contact-layout,
  body.arcadium-lang-en.single-game-page .game-intro,
  body.arcadium-lang-en.article-single-page .article-single-layout {
    direction:ltr;
  }

  /* At mobile these layouts stack, so content itself stays naturally LTR. */
  body.arcadium-lang-en.contact-form-page .direct-contact .contact-detail { direction:rtl; }

  body.arcadium-lang-en .footer-inner { direction:ltr; }
  body.arcadium-lang-en .footer-contact { text-align:left; }

  /* English headings: preserve single-line design where physically possible. */
  body.arcadium-lang-en :is(.games-section,.events-section,.packages-section,.clients-section,.reviews-section,.faq-section) > .section-title,
  body.arcadium-lang-en .single-game-section-title,
  body.arcadium-lang-en .corporate-section-title {
    font-size:clamp(30px,8vw,46px);
    line-height:1;
    letter-spacing:-.055em;
  }
}

@media (max-width: 575.98px) {
  body.arcadium-lang-en .mobile-drawer { width:min(86vw,330px); }
  body.arcadium-lang-en.home-page .en-hero-copy__lead {
    top:24.8%;
    font-size:clamp(18px,5.25vw,30px);
  }
  body.arcadium-lang-en.home-page .en-hero-copy__lead strong { margin-bottom:4px; }
  body.arcadium-lang-en.home-page .en-hero-copy__support { top:27%; }
  body.arcadium-lang-en.home-page .en-hero-copy__support p { font-size:clamp(6.6px,1.75vw,9px); line-height:1.42; }
  body.arcadium-lang-en.home-page .en-hero-copy__eyebrow { font-size:8px; min-height:18px; }
  body.arcadium-lang-en.home-page .en-hero-copy__badge { min-width:52px; height:19px; font-size:8px; }

  body.arcadium-lang-en.home-page .intro-visual { height:190px; }
  body.arcadium-lang-en.home-page .en-intro-live__title {
    top:43px;
    font-size:clamp(31px,9.6vw,44px);
  }
  body.arcadium-lang-en.home-page .en-intro-live__title .en-intro-gap { width:clamp(115px,34vw,160px); }
  body.arcadium-lang-en.home-page .en-intro-live__figure {
    top:5px;
    width:205px; height:178px;
    background-size:520px 196px;
    background-position:-152px -5px;
  }
  body.arcadium-lang-en.home-page .en-intro-live__tag {
    right:6%; bottom:10px; min-width:62px; font-size:9px;
  }

  body.arcadium-lang-en .game-card__head h3 { font-size:clamp(17px,5.2vw,22px); }
  body.arcadium-lang-en .event-card__head h3 { font-size:clamp(16px,4.8vw,20px); }
  body.arcadium-lang-en .package-card__intro h3 { font-size:clamp(24px,7vw,29px); }

  body.arcadium-lang-en .en-cta-card {
    top:23%; left:33.5%; width:34%; height:54%; padding:1% 1.6%;
  }
  body.arcadium-lang-en .en-cta-card h2 { font-size:clamp(8px,2.2vw,12px); }
  body.arcadium-lang-en .en-cta-card p { margin:3px 0; font-size:clamp(4px,1.25vw,6.5px); line-height:1.22; }
  body.arcadium-lang-en .en-cta-card span { min-width:40px; min-height:13px; padding:2px 6px; font-size:4.8px; }

  body.arcadium-lang-en .footer-contact .contact-row { margin-left:0; margin-right:auto; }
}

/* Reduced motion respects the original preference. */
@media (prefers-reduced-motion: reduce) {
  body.arcadium-lang-en .mobile-drawer,
  body.arcadium-lang-en .dropdown-panel { transition:none !important; }
}

/* =========================================================
   DETAIL PASS — physical offsets that cannot be solved by direction alone
========================================================= */

/* Home Works arrows: the approved Arabic canvas anchors arrows to the right.
   English mirrors that anchor to the left without changing the canvas. */
body.arcadium-lang-en.home-page .work-tile__link { align-self:flex-start; }
@media (min-width: 992px) and (max-width: 1359.98px) {
  body.arcadium-lang-en.home-page .works-stage .works-column--one .work-tile .work-tile__link {
    right:auto !important;
    left:22px !important;
  }
  body.arcadium-lang-en.home-page .works-stage .works-column--four .work-tile .work-tile__link {
    right:auto !important;
    left:25px !important;
  }
}

/* Contact: icon is on the opposite side in the English mirror while the phone
   and email strings themselves remain LTR. */
body.arcadium-lang-en.contact-form-page .direct-contact__details {
  margin-right:auto;
  margin-left:0;
}
body.arcadium-lang-en.contact-form-page .direct-contact__row,
body.arcadium-lang-en.contact-form-page .direct-contact__row--address {
  direction:ltr;
  flex-direction:row-reverse;
  justify-content:flex-end;
  margin-right:0;
  margin-left:0;
}
body.arcadium-lang-en.contact-form-page .direct-contact__row > span:first-child {
  direction:ltr;
  text-align:left;
}
body.arcadium-lang-en.contact-form-page a.direct-contact__row:hover { transform:translateX(4px); }

/* About: fixed desktop card internals are physically mirrored too. */
@media (min-width: 1281px) {
  body.arcadium-lang-en.about-page .why-card--transport { --card-rotate:13.52deg; }
  body.arcadium-lang-en.about-page .why-card--delivery  { --card-rotate:-6.43deg; }
  body.arcadium-lang-en.about-page .why-card--variety   { --card-rotate:6.48deg; }
  body.arcadium-lang-en.about-page .why-card--quality   { --card-rotate:-2.49deg; }

  body.arcadium-lang-en.about-page .why-card :is(h3,p) { text-align:left; }
  body.arcadium-lang-en.about-page .why-card--transport h3,
  body.arcadium-lang-en.about-page .why-card--transport p,
  body.arcadium-lang-en.about-page .why-card--quality h3,
  body.arcadium-lang-en.about-page .why-card--quality p {
    right:20px;
    left:20px;
  }
  body.arcadium-lang-en.about-page .why-card--delivery h3 {
    right:64.87px;
    left:20px;
  }
  body.arcadium-lang-en.about-page .why-card--delivery p {
    right:63.92px;
    left:28.84px;
  }
  body.arcadium-lang-en.about-page .why-card--variety h3,
  body.arcadium-lang-en.about-page .why-card--variety p {
    right:20px;
    left:20px;
  }

  body.arcadium-lang-en.about-page .why-card--transport .why-card__icon { right:20px; left:auto; }
  body.arcadium-lang-en.about-page .why-card--delivery .why-card__icon  { right:5px; left:auto; }
  body.arcadium-lang-en.about-page .why-card--variety .why-card__icon   { right:14.91px; left:auto; }
  body.arcadium-lang-en.about-page .why-card--quality .why-card__icon   { right:20.38px; left:auto; }
}

/* Corporate Event: true horizontal mirror of the Figma absolute cards. */
@media (min-width: 992px) {
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction { left:674px; }
  body.arcadium-lang-en.corporate-events-page .experience-card--space {
    left:336.42px;
    transform:rotate(3.15deg);
  }
  body.arcadium-lang-en.corporate-events-page .experience-card--games { left:0; }
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction:hover,
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction:focus-visible,
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction.is-hovered,
  body.arcadium-lang-en.corporate-events-page .experience-card--games:hover,
  body.arcadium-lang-en.corporate-events-page .experience-card--games:focus-visible,
  body.arcadium-lang-en.corporate-events-page .experience-card--games.is-hovered { transform:translateY(-6px); }
  body.arcadium-lang-en.corporate-events-page .experience-card--space:hover,
  body.arcadium-lang-en.corporate-events-page .experience-card--space:focus-visible,
  body.arcadium-lang-en.corporate-events-page .experience-card--space.is-hovered { transform:rotate(3.15deg) translateY(-6px); }

  body.arcadium-lang-en.corporate-events-page .experience-card--interaction .experience-card__badge { right:16px; left:auto; transform:rotate(22.77deg); }
  body.arcadium-lang-en.corporate-events-page .experience-card--space .experience-card__badge { right:15px; left:auto; transform:rotate(-7.06deg); }
  body.arcadium-lang-en.corporate-events-page .experience-card--games .experience-card__badge { right:18px; left:auto; transform:rotate(12.08deg); }

  body.arcadium-lang-en.corporate-events-page .experience-card--space h3 {
    right:112.193px;
    left:20px;
  }
  body.arcadium-lang-en.corporate-events-page .experience-card--space p {
    right:19.68px;
    left:20px;
  }
}
body.arcadium-lang-en.corporate-events-page .setup-step__copy {
  right:auto;
  left:0;
  align-items:flex-start;
}
body.arcadium-lang-en.corporate-events-page .setup-step__number {
  right:auto;
  left:30px;
}
body.arcadium-lang-en.corporate-events-page .setup-step::before {
  background:radial-gradient(circle at 26% 30%,rgba(163,2,250,.18),transparent 45%);
}

/* Gallery heading mirrors its control rail on all gallery-based pages. */
body.arcadium-lang-en .gallery-section__heading { direction:ltr; }
body.arcadium-lang-en .gallery-section__heading h2 { text-align:left; }
body.arcadium-lang-en.single-game-page .gallery-section__heading h2 { text-align:center; }

/* Article cards: read-more stays on the English leading edge. */
body.arcadium-lang-en.articles-page .article-card__more { margin-right:auto; margin-left:0; }

/* Forms: English field icons move to the physical right and text receives the
   opposite padding. Existing V1.0.18/19 selectors remain valid as fallback. */
body.arcadium-lang-en.contact-form-page .booking-form,
body.arcadium-lang-en.contact-form-page .form-row-pair .form-group {
  direction:ltr;
}
body.arcadium-lang-en.contact-form-page .booking-form :is(label,input,select,textarea) {
  direction:ltr;
  text-align:left;
}
body.arcadium-lang-en.contact-form-page .field-with-icon input,
body.arcadium-lang-en.contact-form-page .field-with-icon select {
  padding-left:12px;
  padding-right:48px;
}
body.arcadium-lang-en.contact-form-page .field-with-icon > img {
  right:16px;
  left:auto;
}
body.arcadium-lang-en.contact-form-page .field-with-icon--select > img {
  transform:translateY(-50%) rotate(0deg);
}

/* Booking popup follows the same English geometry. */
body.arcadium-lang-en .arc-booking-popup__dialog,
body.arcadium-lang-en .arc-booking-form,
body.arcadium-lang-en .arc-booking-form input,
body.arcadium-lang-en .arc-booking-form select,
body.arcadium-lang-en .arc-booking-form textarea {
  direction:ltr;
  text-align:left;
}
body.arcadium-lang-en .arc-booking-form .arc-booking-icon {
  right:12px;
  left:auto;
}
body.arcadium-lang-en .arc-booking-form .arc-booking-control--icon :is(input,select) {
  padding-right:54px;
  padding-left:14px;
}

/* Hardcoded RTL grid rules from small-screen Arabic are neutralised only in EN. */
@media (max-width: 991.98px) {
  body.arcadium-lang-en .single-game-page .single-game-events .events-grid > .cards-grid,
  body.arcadium-lang-en .solutions-page .solutions-offer__grid,
  body.arcadium-lang-en .packages-page .packages-page__plans .packages-grid > .cards-grid {
    direction:ltr !important;
  }
}

/* Legacy/shared directional selectors that can still appear in dynamic content. */
body.arcadium-lang-en .hero-copy,
body.arcadium-lang-en .hero-copy--right,
body.arcadium-lang-en .hero-copy--left,
body.arcadium-lang-en .hero-copy p,
body.arcadium-lang-en .hero-copy--right h1,
body.arcadium-lang-en .game-hover-copy,
body.arcadium-lang-en .basketball-copy,
body.arcadium-lang-en .game-hover-copy span,
body.arcadium-lang-en .basketball-copy span,
body.arcadium-lang-en .arc-booking-field label,
body.arcadium-lang-en .booking-demo__panel,
body.arcadium-lang-en.privacy-page .privacy-content {
  direction:ltr;
  text-align:left;
}
body.arcadium-lang-en .arc-booking-pair .arc-booking-field { direction:ltr; }
body.arcadium-lang-en .fancybox__caption { direction:ltr; text-align:left; }

/* =========================================================
   V1.0.35 — HOME ENGLISH CORRECTIONS FROM USER QA
   Scoped to English/Home unless explicitly shared elsewhere.
========================================================= */

/* 1) Language switch: the Arabic label is wider than the old fixed 41px EN
   slot. Give both languages real intrinsic room so the labels never overlap. */
body.arcadium-lang-en .language-control {
  gap: 6px;
  width: max-content;
  min-width: 0;
}
body.arcadium-lang-en .language-current[lang="en"] {
  width: auto;
  min-width: 52px;
  padding-inline: 12px;
  border-radius: 16px 0 0 16px;
}
body.arcadium-lang-en .language-switch[lang="ar"] {
  width: auto;
  min-width: 58px;
  padding-inline: 8px;
  white-space: nowrap;
  direction: rtl;
  text-align: center;
}

/* 2) User explicitly rejected the V1.0.34 live-copy/masking treatment for
   raster artworks. The original image element is visible unchanged. On EN the
   image source is selected by the new bilingual ACF media bridge. */
body.arcadium-lang-en.home-page .hero--composite .hero-bg {
  transform: none !important;
}
body.arcadium-lang-en.home-page .intro-visual {
  position: relative;
  width: min(100%, 760px);
  height: auto !important;
  max-height: none;
  overflow: visible;
}
body.arcadium-lang-en.home-page .intro-composite {
  display: block;
  opacity: 1 !important;
}
body.arcadium-lang-en .cta-composite {
  transform: none !important;
}
body.arcadium-lang-en .cta-full-link:hover .cta-composite,
body.arcadium-lang-en .cta-full-link:focus-visible .cta-composite {
  transform: scale(1.012) !important;
}
/* Defensive cleanup if an old page cache still contains V1.0.34 injected nodes. */
body.arcadium-lang-en .en-hero-copy,
body.arcadium-lang-en .en-intro-live,
body.arcadium-lang-en .en-cta-card {
  display: none !important;
}

/* 3) Feature ribbons: preserve the one-line design in English. The JS fit pass
   only shrinks a label if this baseline still overflows its actual pill. */
body.arcadium-lang-en.home-page .ribbon {
  direction: ltr;
  white-space: nowrap;
  text-wrap: nowrap;
  font-size: 18px;
  letter-spacing: -0.025em;
}
body.arcadium-lang-en.home-page .ribbon-marquee--two .ribbon {
  font-size: 16.5px;
}

/* 4) Home Event card sticker belongs on the physical right in English. */
body.arcadium-lang-en.home-page .event-card__sticker {
  justify-self: end;
  margin-right: 17px;
  margin-left: 0;
}

/* 5) Package headings/copy lead from the physical left in English. */
body.arcadium-lang-en.home-page .package-card__intro,
body.arcadium-lang-en.home-page .package-card__intro h3,
body.arcadium-lang-en.home-page .package-card__intro p {
  direction: ltr;
  text-align: left !important;
}

/* 6) Restore the approved Works typography. V1.0.34 used .86em, which was
   relative to a 16px parent and collapsed the heading to ~14px. */
body.arcadium-lang-en.home-page .work-tile p {
  font-size: 46px;
  letter-spacing: -0.025em;
  line-height: 1.05;
}
/* Works action circles are on the physical left in the English mirror. */
body.arcadium-lang-en.home-page .work-tile__link {
  align-self: flex-start;
}
@media (min-width: 1200px) {
  body.arcadium-lang-en.home-page .works-column--one .work-tile .work-tile__link {
    right: auto !important;
    left: 22px !important;
  }
  body.arcadium-lang-en.home-page .works-column--four .work-tile .work-tile__link {
    right: auto !important;
    left: 25px !important;
  }
}

/* 7) Footer: contact icons sit on the physical left of their text in English. */
body.arcadium-lang-en .footer-contact .contact-row {
  direction: ltr;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-right: auto;
  margin-left: 0;
}
body.arcadium-lang-en .footer-contact .contact-row span {
  direction: ltr;
}
/* Social group mirrors to the physical right in English. */
body.arcadium-lang-en .footer-contact .socials {
  direction: ltr;
  justify-content: flex-end;
}
@media (min-width: 1200px) {
  body.arcadium-lang-en .footer-contact .socials {
    right: 0 !important;
    left: auto !important;
  }
}

/* 8) 1200 remains desktop: only typography/direction changes; no Home layout
   reflow is introduced by this patch. */
@media (min-width: 1200px) and (max-width: 1439.98px) {
  body.arcadium-lang-en.home-page .work-tile p { font-size: 42px; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  body.arcadium-lang-en.home-page .work-tile p { font-size: 34px; }
}

/* 9) Tablet/mobile ribbon labels also stay on one line. */
@media (max-width: 991.98px) {
  body.arcadium-lang-en.home-page .ribbon {
    font-size: 13px;
    letter-spacing: -0.035em;
    white-space: nowrap;
  }
  body.arcadium-lang-en.home-page .ribbon-marquee--two .ribbon { font-size: 12px; }
  body.arcadium-lang-en.home-page .event-card__sticker {
    margin-right: 9px;
    margin-left: 0;
  }
  body.arcadium-lang-en .footer-contact .socials { justify-content: flex-end; }
}
@media (max-width: 575.98px) {
  body.arcadium-lang-en.home-page .ribbon,
  body.arcadium-lang-en.home-page .ribbon-marquee--two .ribbon {
    font-size: clamp(9.5px, 3vw, 11.5px);
  }
  body.arcadium-lang-en.home-page .event-card__sticker {
    margin-right: 7px;
    margin-left: 0;
  }
  body.arcadium-lang-en.home-page .work-tile p {
    font-size: clamp(20px, 6vw, 26px);
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  body.arcadium-lang-en.home-page .work-tile p {
    font-size: clamp(23px, 5.5vw, 32px);
  }
}

/* =========================================================
   ARCADIUM V1.0.36 — HOME ENGLISH MICRO-QA HOTFIX
   Scope: Home English only. Arabic baseline stays untouched.
   ========================================================= */

/* Works: the tile moved physically left in EN, but the Arabic RTL text flow
   was still inherited from the baseline. Mirror the text box itself too. */
body.arcadium-lang-en.home-page .work-tile {
  direction: ltr;
  text-align: left;
}
body.arcadium-lang-en.home-page .work-tile p {
  direction: ltr;
  text-align: left;
}

/* Desktop Works title size requested after visual QA. Keep smaller desktop
   ranges/mobile on their already-approved responsive values. */
@media (min-width: 1200px) {
  body.arcadium-lang-en.home-page .work-tile p {
    font-size: 36px;
  }
}

/* Home FAQ: force both the answer wrapper and its actual content nodes to
   lead from the physical left. This beats the Arabic .faq-answer p baseline. */
body.arcadium-lang-en.home-page .faq-answer,
body.arcadium-lang-en.home-page .faq-answer p,
body.arcadium-lang-en.home-page .faq-answer :is(p, span, strong, em, a, li) {
  direction: ltr !important;
  text-align: left !important;
}
body.arcadium-lang-en.home-page .faq-answer {
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Footer social placement: desktop remains on the physical right as approved;
   on mobile/tablet the English social group should lead from the left. */
@media (max-width: 575.98px) {
  body.arcadium-lang-en .footer-contact .socials {
    width: 100%;
    direction: ltr;
    justify-content: flex-start !important;
    align-self: flex-start;
    margin-left: 0 !important;
    margin-right: auto !important;
    left: auto;
    right: auto;
  }
}

/* =========================================================
   ARCADIUM V1.0.37 — HOME ENGLISH WORKS TRUE MIRROR
   Root-cause fix after browser QA.
   Scope: Home English Works, desktop only. Arabic untouched.
   ========================================================= */

@media (min-width: 992px) {
  /* The Arabic approved canvas is 4 physical columns:
       [one 292] [two 297] [three 296] [four 297]
     English must be the exact horizontal mirror, therefore its physical
     tracks are reversed and the original columns are assigned explicitly:
       [four 297] [three 296] [two 297] [one 292]
     This mirrors the COMPOSITION itself, not merely text alignment. */
  body.arcadium-lang-en.home-page .works-section,
  body.arcadium-lang-en.home-page .works-stage > .works-section {
    direction: ltr !important;
    grid-template-columns: 297px 296px 297px 292px !important;
  }

  body.arcadium-lang-en.home-page .works-column--four { grid-column: 1 !important; grid-row: 1 !important; }
  body.arcadium-lang-en.home-page .works-column--three { grid-column: 2 !important; grid-row: 1 !important; }
  body.arcadium-lang-en.home-page .works-column--two { grid-column: 3 !important; grid-row: 1 !important; }
  body.arcadium-lang-en.home-page .works-column--one { grid-column: 4 !important; grid-row: 1 !important; }

  /* English internals remain LTR after the physical mirror. */
  body.arcadium-lang-en.home-page .works-column,
  body.arcadium-lang-en.home-page .work-tile,
  body.arcadium-lang-en.home-page .work-tile p {
    direction: ltr !important;
  }
  body.arcadium-lang-en.home-page .work-tile,
  body.arcadium-lang-en.home-page .work-tile p {
    text-align: left !important;
  }

  /* V1.0.16 forces 46px !important in the rigid 992-1359 Works canvas.
     Use the requested 36px with !important so 1200 cannot jump back to 46.
     At 992-1359 the whole 1247x686 canvas is then scaled once as designed. */
  body.arcadium-lang-en.home-page .work-tile p,
  body.arcadium-lang-en.home-page .works-stage .work-tile p {
    font-size: 36px !important;
    line-height: 1.05 !important;
    letter-spacing: -0.025em !important;
  }
}


/* =========================================================
   ARCADIUM V1.0.38 — ENGLISH HOME MOTION + GAME HOVER FIT
   Browser-QA root fixes. English only; Arabic baseline untouched.
   ========================================================= */

/* 1) At 1200 the moving second ribbon row was clipped by its own 43.5px
   marquee viewport. Keep horizontal clipping for the marquee, but give the
   pill a few real vertical pixels inside that viewport. Reducing the inter-row
   gap by the same amount preserves the approved overall composition height. */
@media (min-width: 1200px) and (max-width: 1280px) {
  body.arcadium-lang-en.home-page .feature-ribbons {
    gap: 15.5px !important;
  }
  body.arcadium-lang-en.home-page .ribbon-marquee {
    height: 48px !important;
  }
  body.arcadium-lang-en.home-page .ribbon-track {
    top: 2px !important;
  }
  body.arcadium-lang-en.home-page .ribbon-marquee--two {
    height: 48px !important;
    margin-bottom: 0 !important;
  }
}

/* 2) Desktop English game hover copy must never spill outside the card or run
   underneath the floating sticker. JS keeps the type as large as possible;
   these rules provide the real safe box it is allowed to occupy. */
@media (min-width: 992px) {
  body.arcadium-lang-en .game-card .game-hover-copy,
  body.arcadium-lang-en .game-card .basketball-copy {
    box-sizing: border-box;
    min-width: 0;
    width: 100%;
    padding-left: 8px !important;
    padding-right: clamp(54px, 20%, 68px) !important;
    overflow: hidden;
    direction: ltr !important;
    text-align: left !important;
  }
  body.arcadium-lang-en .game-card .game-hover-copy span,
  body.arcadium-lang-en .game-card .basketball-copy span {
    display: block;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    margin: 0;
    direction: ltr !important;
    text-align: left !important;
    line-height: .98 !important;
    transform-origin: left center;
  }
}


/* =========================================================
   ARCADIUM V1.0.39 — SHARED GAME TYPOGRAPHY CONTRACT
   Game-card type is sized as one visual family by english.js. No per-game
   font-size selectors are allowed here; future games inherit automatically.
   ========================================================= */
@media (min-width: 992px) {
  body.arcadium-lang-en .game-card .game-hover-copy span,
  body.arcadium-lang-en .game-card .basketball-copy span {
    max-width: 100%;
  }
}

/* =========================================================
   ARCADIUM V1.0.40 — FIXED SHARED GAME HOVER TYPE TOKEN
   One component = one type size. No per-card or per-game fitting.
   ========================================================= */
@media (min-width: 992px) {
  body.arcadium-lang-en .game-card .game-hover-copy span,
  body.arcadium-lang-en .game-card .basketball-copy span {
    font-size: 25px !important;
    line-height: 1.04 !important;
    white-space: normal !important;
    text-wrap: balance;
    overflow-wrap: normal;
    word-break: normal;
  }
}

/* =========================================================
   ARCADIUM V1.0.42 — CONTACT ENGLISH ROW GEOMETRY FIX
   Root cause: V1.0.18 intentionally turns desktop contact rows into CSS Grid
   to keep every icon on one vertical axis. V1.0.41 tried to correct the
   English order with Flexbox properties, but `display:grid` still won, which
   allowed the icon and text to occupy separate rows. Keep the shared Grid
   architecture and mirror its columns explicitly instead.
   ========================================================= */
body.arcadium-lang-en.contact-form-page .direct-contact__details {
  width: min(100%, 404px) !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  direction: ltr !important;
  text-align: left !important;
}

/* Desktop/tablet desktop: preserve the V1.0.18 aligned-axis grid, but make
   column 1 the icon and column 2 the text for English. */
@media (min-width: 992px) {
  body.arcadium-lang-en.contact-form-page .direct-contact__row,
  body.arcadium-lang-en.contact-form-page .direct-contact__row--address {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    column-gap: 14px !important;
    width: 100% !important;
    max-width: 404px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    direction: ltr !important;
    text-align: left !important;
  }

  body.arcadium-lang-en.contact-form-page .direct-contact__row > i {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    order: initial !important;
  }

  body.arcadium-lang-en.contact-form-page .direct-contact__row > span:first-child {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    min-width: 0 !important;
    direction: ltr !important;
    text-align: left !important;
  }
}

/* Stacked page layout below 992px uses Flexbox in the base theme. Keep each
   contact detail as ONE horizontal row: icon first, copy second. */
@media (max-width: 991.98px) {
  body.arcadium-lang-en.contact-form-page .direct-contact__row,
  body.arcadium-lang-en.contact-form-page .direct-contact__row--address {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    direction: ltr !important;
    text-align: left !important;
  }

  body.arcadium-lang-en.contact-form-page .direct-contact__row > i {
    order: -1 !important;
    flex: 0 0 auto !important;
  }

  body.arcadium-lang-en.contact-form-page .direct-contact__row > span:first-child {
    order: 0 !important;
    min-width: 0 !important;
    direction: ltr !important;
    text-align: left !important;
  }
}

body.arcadium-lang-en.contact-form-page .contact-socials {
  justify-content: flex-start !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  direction: ltr !important;
}

body.arcadium-lang-en.contact-form-page a.direct-contact__row:hover {
  transform: translateX(4px);
}

/* =========================================================
   ARCADIUM V1.0.43 — SHARED ENGLISH FAQ TEXT FLOW
   English FAQ must be a component-level rule, not a Home-only exception.
   The base Arabic stylesheet applies RTL/right directly to `.faq-answer p`,
   which is more specific than setting direction/alignment on the wrapper.
   Force the actual question/answer content nodes to lead from the left in
   every FAQ context: archive, Home, and Single Game.
   ========================================================= */
body.arcadium-lang-en .faq-section .faq-item > button,
body.arcadium-lang-en .faq-section .faq-item > button > span:first-child {
  direction: ltr !important;
  text-align: left !important;
}

body.arcadium-lang-en .faq-section .faq-answer {
  direction: ltr !important;
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

body.arcadium-lang-en .faq-section .faq-answer p,
body.arcadium-lang-en .faq-section .faq-answer :is(p, span, strong, em, a, li, ul, ol) {
  direction: ltr !important;
  text-align: left !important;
}


/* =========================================================
   V1.0.44 — WORKS ARCHIVE ENGLISH NAVIGATION
   gallery-page is a BODY class, so use a compound body selector.
========================================================= */
@media (max-width: 575.98px) {
  body.arcadium-lang-en.gallery-page .gallery-section__heading {
    direction: ltr;
  }
  body.arcadium-lang-en.gallery-page .gallery-controls {
    position: static;
    right: auto;
    left: auto;
    direction: ltr;
  }
  body.arcadium-lang-en.gallery-page .gallery-controls .gallery-arrow img {
    transform: none !important;
  }
}

/* =========================================================
   V1.0.45 — GAMES ARCHIVE ENGLISH CARD FLOW
   `games-page` is a BODY class. The old descendant selector did not override
   the RTL direction of the archive's extra-row cards, so their fixed-width
   descriptions were physically anchored on the right even when the text
   itself was left-aligned. Keep every archive card LTR as one shared rule.
========================================================= */
body.arcadium-lang-en.games-page .games-extra-grid,
body.arcadium-lang-en.games-page .games-extra-grid .game-card,
body.arcadium-lang-en.games-page .games-primary-grid .game-card {
  direction: ltr !important;
}

body.arcadium-lang-en.games-page .game-card > p {
  direction: ltr !important;
  text-align: left !important;
  justify-self: start !important;
}

@media (min-width: 992px) {
  body.arcadium-lang-en.games-page .game-card > p {
    margin-right: 0 !important;
    margin-left: 4px !important;
  }
}

body.arcadium-lang-en.games-page .game-card__sticker {
  margin-right: 0;
}

/* =========================================================
   V1.0.46 — SINGLE GAME ENGLISH GEOMETRY
   One component-level pass for Suitable cards, gallery navigation,
   the exact 1200px intro overflow, and the mobile gallery header.
========================================================= */

/* Suitable-for cards: English keeps the content LTR, but the floating
   game/event sticker belongs on the physical right of the media card. */
body.arcadium-lang-en.single-game-page .single-game-events .event-card__sticker {
  justify-self: end !important;
  margin-right: 17px !important;
  margin-left: 0 !important;
}

/* Single-game gallery: single-game-page is a BODY class, not a descendant.
   Keep the control rail on the physical right and preserve the source SVGs:
   Previous = left arrow, Next = right arrow. */
body.arcadium-lang-en.single-game-page .single-game-gallery .gallery-controls {
  right: 0 !important;
  left: auto !important;
  direction: ltr !important;
}
body.arcadium-lang-en.single-game-page .single-game-gallery .gallery-controls .gallery-arrow img {
  transform: none !important;
}

/* Exact 1200–1279 desktop bridge.
   The Arabic baseline uses fixed 664 + 52 + 504 = 1220px tracks. At a
   1200px viewport the section container is only 1152px, which clips the
   mirrored English copy on the left. Preserve the same two-column ratio
   while letting both tracks shrink inside the real container. */
@media (min-width: 1200px) and (max-width: 1280px) {
  body.arcadium-lang-en.single-game-page .game-intro {
    grid-template-columns: minmax(0, 1.25fr) minmax(0, .95fr) !important;
    gap: 36px !important;
    width: min(calc(100% - 48px), 1220px) !important;
  }
  body.arcadium-lang-en.single-game-page .game-intro__copy {
    width: 100% !important;
    min-width: 0;
    margin-right: auto !important;
    margin-left: 0 !important;
  }
  body.arcadium-lang-en.single-game-page .game-intro__copy p {
    max-width: 100%;
    overflow-wrap: break-word;
  }
}

@media (max-width: 991.98px) {
  body.arcadium-lang-en.single-game-page .single-game-events .event-card__sticker {
    margin-right: 9px !important;
    margin-left: 0 !important;
  }
}

/* Mobile: title and navigation share one header row.
   English title leads from the left; controls stay grouped on the right. */
@media (max-width: 575.98px) {
  body.arcadium-lang-en.single-game-page .single-game-events .event-card__sticker {
    margin-right: 7px !important;
    margin-left: 0 !important;
  }

  body.arcadium-lang-en.single-game-page .single-game-gallery .gallery-section__heading {
    display: flex;
    direction: ltr;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  body.arcadium-lang-en.single-game-page .single-game-gallery .gallery-section__heading h2 {
    flex: 1 1 auto;
    min-width: 0;
    padding-top: 0 !important;
    margin: 0;
    direction: ltr;
    text-align: left !important;
    white-space: nowrap;
  }
  body.arcadium-lang-en.single-game-page .single-game-gallery .gallery-controls {
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    flex: 0 0 auto;
    margin-left: auto;
    direction: ltr !important;
  }
}

/* =========================================================
   ARCADIUM ENGLISH — SOLUTIONS ARCHIVE MOBILE POLISH
   English-only mirror refinements:
   1) Event-card arrow + floating sticker stay on the physical right.
   2) The mobile offer heading wraps as a balanced two-line title.
   ========================================================= */
body.arcadium-lang-en.solutions-page .solutions-page__events .event-card__head {
  direction: ltr;
  flex-direction: row;
}

body.arcadium-lang-en.solutions-page .solutions-page__events .event-card__head h3 {
  order: 1;
  min-width: 0;
  text-align: left;
}

body.arcadium-lang-en.solutions-page .solutions-page__events .event-card__head .event-card__single-link {
  order: 2;
  margin-right: 0;
  margin-left: auto;
}

body.arcadium-lang-en.solutions-page .solutions-page__events .event-card__sticker {
  justify-self: end !important;
  margin-right: 17px !important;
  margin-left: 0 !important;
}

@media (max-width: 991.98px) {
  body.arcadium-lang-en.solutions-page .solutions-page__events .event-card__sticker {
    margin-right: 9px !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 575.98px) {
  body.arcadium-lang-en.solutions-page .solutions-page__events .event-card__sticker {
    margin-right: 7px !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 575.98px) {
  body.arcadium-lang-en.solutions-page .solutions-offer__heading {
    min-height: auto;
    padding-inline: 8px;
    overflow: visible;
  }

  body.arcadium-lang-en.solutions-page .solutions-offer__heading .section-title {
    width: min(100%, 330px);
    max-width: 100%;
    margin-inline: auto;
    font-size: clamp(27px, 8.2vw, 32px);
    line-height: 1.02;
    letter-spacing: -.045em;
    white-space: normal;
    text-wrap: balance;
    overflow-wrap: normal;
    word-break: normal;
  }
}

@media (max-width: 359.98px) {
  body.arcadium-lang-en.solutions-page .solutions-offer__heading .section-title {
    width: 100%;
    font-size: clamp(25px, 8.2vw, 28px);
  }
}

/* =========================================================
   ARCADIUM ENGLISH — SINGLE SOLUTION STRUCTURE POLISH
   English-only overrides. Arabic/base geometry is untouched.
   - Steps: number first, title directly below, body anchored below.
   - Experience cards: badges stay on the physical right and titles reserve
     that badge rail so text cannot collide with the artwork.
   - 992-1279: preserve all three experience cards in the laptop grid.
   - Intro display title is explicitly centered in English.
   ========================================================= */

/* Intro / colored display heading: keep the whole English statement centered. */
body.arcadium-lang-en.corporate-events-page .corporate-intro,
body.arcadium-lang-en.corporate-events-page .corporate-intro h2,
body.arcadium-lang-en.corporate-events-page .corporate-intro__body {
  text-align: center !important;
}
body.arcadium-lang-en.corporate-events-page .corporate-intro h2 {
  margin-inline: auto;
}

/* Steps: remove the two independent absolute rails that allowed the large
   number to overlap the heading. The DOM order is already number -> copy. */
body.arcadium-lang-en.corporate-events-page .setup-step {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
body.arcadium-lang-en.corporate-events-page .setup-step__number {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  align-self: flex-start;
  flex: 0 0 auto;
  margin: 22px 0 0 28px;
  font-size: 112px;
  line-height: .82;
}
body.arcadium-lang-en.corporate-events-page .setup-step__copy {
  position: relative;
  right: auto;
  bottom: auto;
  left: auto;
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  padding: 16px 28px 28px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
body.arcadium-lang-en.corporate-events-page .setup-step__copy h3 {
  font-size: 32px;
  line-height: 1.08;
  letter-spacing: -.035em;
  text-wrap: balance;
}
body.arcadium-lang-en.corporate-events-page .setup-step__copy p {
  font-size: 18px;
  line-height: 1.32;
}

/* Experience card titles: the badge belongs to the physical right in English.
   Reserve that corner for it instead of letting heading and badge overlap. */
body.arcadium-lang-en.corporate-events-page .experience-card h3,
body.arcadium-lang-en.corporate-events-page .experience-card--interaction h3,
body.arcadium-lang-en.corporate-events-page .experience-card--space h3,
body.arcadium-lang-en.corporate-events-page .experience-card--games h3 {
  right: 82px;
  left: 20px;
  text-align: left;
  text-wrap: balance;
}

/* 1200-class desktop: use the existing three-column laptop composition.
   The older >=992 English absolute offsets pushed cards outside this grid. */
@media (min-width: 992px) and (max-width: 1280px) {
  body.arcadium-lang-en.corporate-events-page .corporate-experience__cards {
    direction: ltr;
  }
  body.arcadium-lang-en.corporate-events-page .experience-card {
    right: auto !important;
    left: auto !important;
  }
  body.arcadium-lang-en.corporate-events-page .experience-card--games {
    order: 1;
  }
  body.arcadium-lang-en.corporate-events-page .experience-card--space {
    order: 2;
    top: -5px;
    transform: rotate(2deg);
  }
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction {
    order: 3;
  }
  body.arcadium-lang-en.corporate-events-page .experience-card--space:hover,
  body.arcadium-lang-en.corporate-events-page .experience-card--space:focus-visible,
  body.arcadium-lang-en.corporate-events-page .experience-card--space.is-hovered {
    transform: rotate(2deg) translateY(-6px);
  }
}

/* Tablet/mobile: mirror each individual badge to the physical right. Specific
   variant selectors intentionally beat the Arabic mobile left-position rules. */
@media (max-width: 991.98px) {
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction .experience-card__badge {
    right: 16px;
    left: auto;
    transform: rotate(22.77deg);
  }
  body.arcadium-lang-en.corporate-events-page .experience-card--space .experience-card__badge {
    right: 16px;
    left: auto;
    transform: rotate(-7.06deg);
  }
  body.arcadium-lang-en.corporate-events-page .experience-card--games .experience-card__badge {
    right: 18px;
    left: auto;
    transform: rotate(12.08deg);
  }
  body.arcadium-lang-en.corporate-events-page .experience-card h3,
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction h3,
  body.arcadium-lang-en.corporate-events-page .experience-card--space h3,
  body.arcadium-lang-en.corporate-events-page .experience-card--games h3 {
    right: 82px;
    left: 20px;
  }

  body.arcadium-lang-en.corporate-events-page .setup-step__number {
    margin: 18px 0 0 24px;
    font-size: 96px;
    line-height: .82;
  }
  body.arcadium-lang-en.corporate-events-page .setup-step__copy {
    padding: 10px 24px 24px;
  }
  body.arcadium-lang-en.corporate-events-page .setup-step__copy h3 {
    font-size: 30px;
  }
}

@media (max-width: 575.98px) {
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction .experience-card__badge {
    right: 14px;
    left: auto;
  }
  body.arcadium-lang-en.corporate-events-page .experience-card--space .experience-card__badge {
    right: 14px;
    left: auto;
  }
  body.arcadium-lang-en.corporate-events-page .experience-card--games .experience-card__badge {
    right: 15px;
    left: auto;
  }
  body.arcadium-lang-en.corporate-events-page .experience-card h3,
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction h3,
  body.arcadium-lang-en.corporate-events-page .experience-card--space h3,
  body.arcadium-lang-en.corporate-events-page .experience-card--games h3 {
    right: 72px;
    left: 18px;
    font-size: 28px;
    line-height: 1.08;
  }

  body.arcadium-lang-en.corporate-events-page .setup-step__number {
    margin: 14px 0 0 18px;
    font-size: 76px;
    line-height: .84;
  }
  body.arcadium-lang-en.corporate-events-page .setup-step__copy {
    padding: 8px 18px 18px;
    gap: 10px;
  }
  body.arcadium-lang-en.corporate-events-page .setup-step__copy h3 {
    font-size: 27px;
    line-height: 1.05;
  }
  body.arcadium-lang-en.corporate-events-page .setup-step__copy p {
    font-size: 16px;
    line-height: 1.35;
  }
}

/* =========================================================
   ARCADIUM ENGLISH — PACKAGES ARCHIVE TITLE ALIGNMENT
   Keep package card headings on the physical left in English.
   Scoped to the Packages archive so Arabic/Home behavior is untouched.
========================================================= */
body.arcadium-lang-en.packages-page .package-card__intro,
body.arcadium-lang-en.packages-page .package-card__intro h3,
body.arcadium-lang-en.packages-page .package-card__intro p {
  direction: ltr;
  text-align: left !important;
}

/* =========================================================
   ARCADIUM ENGLISH — INNER FOOTER + ABOUT PAGE REPAIR
   English is a physical LTR mirror of the approved Arabic composition.
   Arabic/base layout stays untouched except for the separate global removal
   of the obsolete desktop body min-height canvas tails in style.css.
========================================================= */

/* ---------------------------------------------------------
   Shared footer
   There is one footer markup and one English mirror everywhere.
   The approved Home footer behavior is now the canonical behavior.
--------------------------------------------------------- */
/* ---------------------------------------------------------
   About — story cards
   1) Main dark card is physically mirrored: copy left, coin/glow right.
   2) Vision/Mission headings are smaller so English stays on one line.
   3) Desktop English story row can grow with its real copy instead of clipping
      long text inside the old fixed 433px Figma canvas.
--------------------------------------------------------- */
body.arcadium-lang-en.about-page .story-card--about h2 {
  margin-left: 0;
  margin-right: auto;
  text-align: left !important;
}
body.arcadium-lang-en.about-page .story-card--about p {
  text-align: left !important;
}
body.arcadium-lang-en.about-page .story-card--about .story-card__coin {
  left: auto;
  right: 33px;
  transform: none;
}
body.arcadium-lang-en.about-page .story-card--about .story-card__glow {
  left: auto;
  right: -105px;
  transform: none;
}

body.arcadium-lang-en.about-page .story-card--mission h2,
body.arcadium-lang-en.about-page .story-card--vision h2 {
  font-size: clamp(34px, 3.3vw, 44px);
  line-height: 1.08;
  letter-spacing: -.035em;
  white-space: nowrap;
}

@media (min-width: 1281px) {
  body.arcadium-lang-en.about-page .about-story {
    height: auto;
  }
  body.arcadium-lang-en.about-page .story-grid {
    height: auto;
    min-height: 433px;
    align-items: stretch;
  }
  body.arcadium-lang-en.about-page .story-card {
    height: auto;
    min-height: 433px;
  }
  body.arcadium-lang-en.about-page .story-card--mission,
  body.arcadium-lang-en.about-page .story-card--vision {
    display: flex;
    flex-direction: column;
    padding: 40px 20px 38px;
  }
  body.arcadium-lang-en.about-page .story-card--mission h2,
  body.arcadium-lang-en.about-page .story-card--vision h2,
  body.arcadium-lang-en.about-page .story-card--mission p,
  body.arcadium-lang-en.about-page .story-card--vision p {
    position: static;
    inset: auto;
    width: auto;
  }
  body.arcadium-lang-en.about-page .story-card--mission p,
  body.arcadium-lang-en.about-page .story-card--vision p {
    margin-top: auto;
    font-size: 17px;
    line-height: 1.55;
  }

  body.arcadium-lang-en.about-page .story-card--about h2 {
    right: auto;
    left: 43px;
    width: 403px;
    margin: 0;
  }
  body.arcadium-lang-en.about-page .story-card--about p {
    right: auto;
    left: 47px;
    width: 339px;
  }
  body.arcadium-lang-en.about-page .story-card--about .story-card__coin {
    right: 33px;
    left: auto;
  }
  body.arcadium-lang-en.about-page .story-card--about .story-card__glow {
    right: -114px;
    left: auto;
  }
}

@media (max-width: 991.98px) {
  body.arcadium-lang-en.about-page .story-card--about p {
    right: auto;
    left: 32px;
  }
  body.arcadium-lang-en.about-page .story-card--about .story-card__coin {
    right: 24px;
    left: auto;
  }
}

@media (max-width: 575.98px) {
  body.arcadium-lang-en.about-page .story-card--mission h2,
  body.arcadium-lang-en.about-page .story-card--vision h2 {
    font-size: clamp(32px, 9vw, 38px);
  }
  body.arcadium-lang-en.about-page .story-card--about p {
    left: auto;
    right: auto;
    padding-left: 0;
    padding-right: 88px;
  }
  body.arcadium-lang-en.about-page .story-card--about .story-card__coin {
    right: 12px;
    left: auto;
  }
}

/* ---------------------------------------------------------
   About — Moments
   English copy is longer than Arabic, so the fixed desktop badge coordinates
   collide with the paragraph. Keep the same visual language, but let the copy
   and badge group participate in flow on English desktop.
--------------------------------------------------------- */
body.arcadium-lang-en.about-page .moments-copy,
body.arcadium-lang-en.about-page .moments-copy h2,
body.arcadium-lang-en.about-page .moments-copy p {
  direction: ltr;
  text-align: center !important;
}

@media (min-width: 1281px) {
  body.arcadium-lang-en.about-page .about-moments {
    height: auto;
  }
  body.arcadium-lang-en.about-page .moments-panel {
    position: relative;
    height: auto;
    min-height: 504px;
    padding: 64px 92px 58px;
    overflow: hidden;
  }
  body.arcadium-lang-en.about-page .moments-copy {
    position: relative;
    top: auto;
    left: auto;
    width: min(100%, 960px);
    margin: 0 auto;
    transform: none;
  }
  body.arcadium-lang-en.about-page .moments-copy h2 {
    font-size: clamp(48px, 4.2vw, 60px);
    line-height: 1.08;
    text-wrap: balance;
  }
  body.arcadium-lang-en.about-page .moments-copy p {
    width: min(100%, 980px);
    margin: 24px auto 0;
    font-size: 19px;
    line-height: 1.55;
  }
  body.arcadium-lang-en.about-page .moment-tags {
    position: relative;
    inset: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 14px 16px;
    width: min(100%, 900px);
    height: auto;
    margin: 50px auto 0;
  }
  body.arcadium-lang-en.about-page .moment-tag-slot {
    position: static;
    display: flex;
    width: auto;
    height: auto;
  }
  body.arcadium-lang-en.about-page .moment-tag-slot .moment-tag {
    width: auto;
    min-width: 140px;
    max-width: 240px;
    font-size: 18px;
    white-space: nowrap;
  }
}

/* ---------------------------------------------------------
   About — Why Arcadium
   Use a clean mirrored four-card composition for English desktop instead of
   mirroring the Arabic absolute coordinates one by one. This keeps all English
   copy inside the cards while preserving card order/tilts as the LTR mirror.
--------------------------------------------------------- */
body.arcadium-lang-en.about-page .why-card__icon {
  left: auto;
  right: 20px;
  transform: none;
}

@media (min-width: 1281px) {
  body.arcadium-lang-en.about-page .about-why {
    height: auto;
  }
  body.arcadium-lang-en.about-page .about-why__inner {
    position: relative;
    width: min(calc(100% - 48px), 1248px);
    max-width: 1248px;
    height: auto;
    margin-inline: auto;
    transform: none;
  }
  body.arcadium-lang-en.about-page .about-why .section-title {
    position: static;
    width: auto;
    margin: 0;
    text-align: center;
  }
  body.arcadium-lang-en.about-page .why-grid {
    position: relative;
    top: auto;
    left: auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    width: min(100%, 1215px);
    height: auto;
    margin: 80px auto 0;
    direction: rtl;
  }
  body.arcadium-lang-en.about-page .why-card,
  body.arcadium-lang-en.about-page .why-card--transport,
  body.arcadium-lang-en.about-page .why-card--delivery,
  body.arcadium-lang-en.about-page .why-card--variety,
  body.arcadium-lang-en.about-page .why-card--quality {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    display: flex;
    flex-direction: column;
    width: auto;
    height: auto;
    min-height: 330px;
    padding: 42px 22px 28px;
  }
  body.arcadium-lang-en.about-page .why-card--transport { --card-rotate: 13.52deg; }
  body.arcadium-lang-en.about-page .why-card--delivery  { --card-rotate: -6.43deg; }
  body.arcadium-lang-en.about-page .why-card--variety   { --card-rotate: 6.48deg; }
  body.arcadium-lang-en.about-page .why-card--quality   { --card-rotate: -2.49deg; }

  body.arcadium-lang-en.about-page .why-card h3,
  body.arcadium-lang-en.about-page .why-card p,
  body.arcadium-lang-en.about-page .why-card--transport h3,
  body.arcadium-lang-en.about-page .why-card--transport p,
  body.arcadium-lang-en.about-page .why-card--delivery h3,
  body.arcadium-lang-en.about-page .why-card--delivery p,
  body.arcadium-lang-en.about-page .why-card--variety h3,
  body.arcadium-lang-en.about-page .why-card--variety p,
  body.arcadium-lang-en.about-page .why-card--quality h3,
  body.arcadium-lang-en.about-page .why-card--quality p {
    position: static;
    inset: auto;
    width: auto;
    margin: 0;
    direction: ltr;
    text-align: left !important;
  }
  body.arcadium-lang-en.about-page .why-card h3 {
    font-size: clamp(28px, 2.35vw, 34px);
    line-height: 1.12;
    letter-spacing: -.035em;
    text-wrap: balance;
  }
  body.arcadium-lang-en.about-page .why-card p {
    margin-top: auto;
    font-size: 17px;
    line-height: 1.42;
  }
  body.arcadium-lang-en.about-page .why-card--transport .why-card__icon,
  body.arcadium-lang-en.about-page .why-card--delivery .why-card__icon,
  body.arcadium-lang-en.about-page .why-card--variety .why-card__icon,
  body.arcadium-lang-en.about-page .why-card--quality .why-card__icon {
    left: auto;
    right: 18px;
  }
}

@media (max-width: 1280px) {
  body.arcadium-lang-en.about-page .why-card__icon {
    left: auto !important;
    right: 18px !important;
  }
}

/* =========================================================
   ARCADIUM ENGLISH — ABOUT 992–1279 CONTINUITY FIX
   Fixes the intermediate desktop range that previously fell back to
   Arabic fixed coordinates. English keeps the approved mirrored layout
   without copy/coin or copy/badge collisions.
========================================================= */
@media (min-width: 992px) and (max-width: 1280px) {
  /* -------------------------------------------------------
     Story / "More than game rental"
     Keep the 3-card desktop composition, but mirror the large card
     physically for English: copy on the left, coin/glow on the right.
  ------------------------------------------------------- */
  body.arcadium-lang-en.about-page .about-story {
    height: auto;
  }

  body.arcadium-lang-en.about-page .story-grid {
    height: auto;
    min-height: 433px;
    align-items: stretch;
  }

  body.arcadium-lang-en.about-page .story-card {
    height: auto;
    min-height: 433px;
  }

  body.arcadium-lang-en.about-page .story-card--mission,
  body.arcadium-lang-en.about-page .story-card--vision {
    display: flex;
    flex-direction: column;
    padding: 34px 18px 34px;
  }

  body.arcadium-lang-en.about-page .story-card--mission h2,
  body.arcadium-lang-en.about-page .story-card--vision h2,
  body.arcadium-lang-en.about-page .story-card--mission p,
  body.arcadium-lang-en.about-page .story-card--vision p {
    position: static;
    inset: auto;
    width: auto;
  }

  body.arcadium-lang-en.about-page .story-card--mission h2,
  body.arcadium-lang-en.about-page .story-card--vision h2 {
    margin: 0;
    font-size: clamp(34px, 3.4vw, 42px);
    line-height: 1.05;
    white-space: nowrap;
  }

  body.arcadium-lang-en.about-page .story-card--mission p,
  body.arcadium-lang-en.about-page .story-card--vision p {
    margin: auto 0 0;
    font-size: clamp(15px, 1.45vw, 17px);
    line-height: 1.5;
  }

  body.arcadium-lang-en.about-page .story-card--about {
    padding: clamp(30px, 3vw, 38px) clamp(28px, 3vw, 38px) 34px;
  }

  body.arcadium-lang-en.about-page .story-card--about h2 {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    width: 100%;
    max-width: none;
    margin: 0;
    font-size: clamp(42px, 4.15vw, 50px);
    line-height: 1.06;
    letter-spacing: -.035em;
    text-align: left !important;
    text-wrap: balance;
  }

  body.arcadium-lang-en.about-page .story-card--about p {
    position: absolute;
    top: auto;
    right: auto;
    left: clamp(28px, 3vw, 38px);
    bottom: 34px;
    display: block;
    width: min(calc(100% - clamp(190px, 19vw, 225px)), 330px);
    min-height: 0;
    margin: 0;
    font-size: clamp(15px, 1.45vw, 17px);
    line-height: 1.45;
    text-align: left !important;
  }

  body.arcadium-lang-en.about-page .story-card--about .story-card__coin {
    top: auto;
    right: clamp(18px, 2.2vw, 28px);
    bottom: 18px;
    left: auto;
    width: clamp(118px, 12.5vw, 150px);
    height: clamp(118px, 12.5vw, 150px);
    transform: none;
  }

  body.arcadium-lang-en.about-page .story-card--about .story-card__glow {
    top: -155px;
    right: -92px;
    left: auto;
    width: 330px;
    height: 255px;
    transform: none;
  }

  /* -------------------------------------------------------
     Moments / "We create moments worth remembering"
     The 1200-class base used proportional absolute badge coordinates.
     English copy is longer, so use the same desktop composition in flow:
     centered heading/copy, then the badge composition underneath it.
  ------------------------------------------------------- */
  body.arcadium-lang-en.about-page .about-moments {
    height: auto;
    margin-top: 120px;
  }

  body.arcadium-lang-en.about-page .moments-panel {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: auto;
    padding: clamp(46px, 4.8vw, 58px) clamp(42px, 6.2vw, 74px) clamp(40px, 4.4vw, 54px);
    overflow: hidden;
  }

  body.arcadium-lang-en.about-page .moments-copy {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    width: min(100%, 980px);
    margin: 0 auto;
    transform: none;
  }

  body.arcadium-lang-en.about-page .moments-copy h2 {
    margin: 0;
    font-size: clamp(40px, 4.35vw, 52px);
    line-height: 1.06;
    letter-spacing: -.04em;
    text-align: center !important;
    text-wrap: balance;
  }

  body.arcadium-lang-en.about-page .moments-copy p {
    width: min(100%, 980px);
    margin: clamp(18px, 2vw, 24px) auto 0;
    font-size: clamp(15px, 1.5vw, 18px);
    line-height: 1.5;
    text-align: center !important;
  }

  body.arcadium-lang-en.about-page .moment-tags {
    position: relative;
    inset: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px 14px;
    width: min(100%, 900px);
    height: auto;
    margin: clamp(30px, 3.1vw, 38px) auto 0;
    direction: ltr;
  }

  body.arcadium-lang-en.about-page .moment-tag-slot,
  body.arcadium-lang-en.about-page .moment-tag-slot--interactive,
  body.arcadium-lang-en.about-page .moment-tag-slot--custom,
  body.arcadium-lang-en.about-page .moment-tag-slot--mobile,
  body.arcadium-lang-en.about-page .moment-tag-slot--safe,
  body.arcadium-lang-en.about-page .moment-tag-slot--fun,
  body.arcadium-lang-en.about-page .moment-tag-slot--easy,
  body.arcadium-lang-en.about-page .moment-tag-slot--competitive,
  body.arcadium-lang-en.about-page .moment-tag-slot--supervision {
    position: static;
    inset: auto;
    display: flex;
    width: auto;
    height: auto;
  }

  body.arcadium-lang-en.about-page .moment-tag-slot .moment-tag {
    width: auto;
    min-width: clamp(118px, 12vw, 145px);
    max-width: 225px;
    min-height: 36px;
    padding: 7px 14px;
    font-size: clamp(14px, 1.35vw, 17px);
    line-height: 1.15;
    white-space: nowrap;
  }
}

/* =========================================================
   ARCADIUM ENGLISH — ABOUT STORY FLUID HEIGHT
   Desktop/tablet-landscape (>=992): remove the legacy 433px canvas.
   The row now follows the tallest real content card. The main About card
   uses an internal grid so copy and coin never need bottom-anchored absolute
   coordinates. Vision/Mission use normal content flow with a controlled gap.
========================================================= */
@media (min-width: 992px) {
  body.arcadium-lang-en.about-page .about-story {
    height: auto;
  }

  body.arcadium-lang-en.about-page .story-grid {
    height: auto;
    min-height: 0;
    align-items: stretch;
  }

  body.arcadium-lang-en.about-page .story-card {
    height: auto;
    min-height: 0;
  }

  /* Vision / Mission: real flow, no paragraph pinned to the bottom. */
  body.arcadium-lang-en.about-page .story-card--vision,
  body.arcadium-lang-en.about-page .story-card--mission {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: clamp(38px, 4.2vw, 66px);
    padding: clamp(26px, 2.7vw, 40px) clamp(16px, 1.8vw, 22px) clamp(28px, 2.8vw, 42px);
  }

  body.arcadium-lang-en.about-page .story-card--vision h2,
  body.arcadium-lang-en.about-page .story-card--mission h2,
  body.arcadium-lang-en.about-page .story-card--vision p,
  body.arcadium-lang-en.about-page .story-card--mission p {
    position: static;
    inset: auto;
    width: auto;
  }

  body.arcadium-lang-en.about-page .story-card--vision h2,
  body.arcadium-lang-en.about-page .story-card--mission h2 {
    margin: 0;
    font-size: clamp(30px, 2.75vw, 40px);
    line-height: 1.06;
    white-space: nowrap;
  }

  body.arcadium-lang-en.about-page .story-card--vision p,
  body.arcadium-lang-en.about-page .story-card--mission p {
    margin: 0;
    font-size: clamp(14px, 1.25vw, 17px);
    line-height: 1.5;
  }

  /* Main dark card: title on top, then copy + coin in the second row. */
  body.arcadium-lang-en.about-page .story-card--about {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    column-gap: clamp(16px, 1.8vw, 26px);
    row-gap: clamp(30px, 3.4vw, 50px);
    align-items: end;
    padding: clamp(26px, 2.7vw, 40px) clamp(24px, 3vw, 44px) clamp(24px, 2.6vw, 38px);
  }

  body.arcadium-lang-en.about-page .story-card--about h2 {
    position: static;
    inset: auto;
    grid-column: 1 / -1;
    grid-row: 1;
    width: 100%;
    max-width: none;
    margin: 0;
    font-size: clamp(38px, 3.8vw, 54px);
    line-height: 1.04;
    letter-spacing: -.035em;
    text-align: left !important;
    text-wrap: balance;
  }

  body.arcadium-lang-en.about-page .story-card--about p {
    position: static;
    inset: auto;
    grid-column: 1;
    grid-row: 2;
    align-self: end;
    width: 100%;
    min-height: 0;
    margin: 0;
    font-size: clamp(14px, 1.25vw, 17px);
    line-height: 1.5;
    text-align: left !important;
  }

  body.arcadium-lang-en.about-page .story-card--about .story-card__coin {
    position: static;
    inset: auto;
    grid-column: 2;
    grid-row: 2;
    align-self: end;
    justify-self: end;
    width: clamp(105px, 11vw, 160px);
    height: clamp(105px, 11vw, 160px);
    transform: none;
  }

  /* Glow stays decorative/absolute and therefore never controls card height. */
  body.arcadium-lang-en.about-page .story-card--about .story-card__glow {
    top: clamp(-150px, -10vw, -110px);
    right: clamp(-112px, -7vw, -78px);
    bottom: auto;
    left: auto;
  }
}

/* =========================================================
   ARCADIUM V1.0.47 — ARTICLES ARCHIVE ENGLISH TAB FIT
   English taxonomy labels are materially longer than Arabic. Do not force
   them into the Arabic fixed slots: desktop gets a four-column fitted pill;
   tablet/mobile keep one semantic row and scroll horizontally when needed.
========================================================= */
@media (min-width: 992px) {
  body.arcadium-lang-en.articles-page .articles-tabs-shell {
    width: min(calc(100% - 48px), 920px);
    height: 70px;
    overflow: visible;
  }

  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tabs {
    display: grid;
    grid-template-columns:
      minmax(104px, .76fr)
      minmax(112px, .82fr)
      minmax(230px, 1.55fr)
      minmax(190px, 1.27fr);
    align-items: center;
    justify-content: stretch;
    gap: 8px;
    width: 100%;
    height: 70px;
    flex: 1 1 auto;
    padding: 10px 16px;
    box-sizing: border-box;
    direction: ltr;
  }

  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--events,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--games,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--ideas,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--corporate {
    --faq-tab-width: auto;
    width: 100%;
    min-width: 0;
    max-width: none;
    flex: none;
    padding-inline: 8px;
    font-size: clamp(17px, 1.65vw, 22px);
    letter-spacing: -.025em;
    white-space: nowrap;
    overflow: visible;
    text-align: center;
  }
}

@media (max-width: 991.98px) {
  body.arcadium-lang-en.articles-page .articles-tabs-shell {
    overflow: hidden;
  }

  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tabs {
    display: flex;
    direction: ltr;
    justify-content: flex-start;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tabs::-webkit-scrollbar {
    display: none;
  }

  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--events,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--games,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--ideas,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--corporate {
    --faq-tab-width: auto;
    width: max-content;
    min-width: max-content;
    max-width: none;
    flex: 0 0 auto;
    scroll-snap-align: center;
    white-space: nowrap;
  }
}

@media (max-width: 575.98px) {
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tabs {
    padding-inline: 9px;
    gap: 6px;
  }

  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--events,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--games,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--ideas,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--corporate {
    min-width: max-content;
    padding-inline: 12px;
    font-size: 15px;
  }
}

/* =========================================================
   ARCADIUM V1.0.48 — SINGLE SOLUTION EXPERIENCE CARDS
   English-only, content-driven layout.
   Remove Figma's fixed text coordinates from the English cards so longer or
   shorter copy can change card height naturally without clipping. The three
   desktop cards still keep the approved mirrored order and middle-card tilt.
========================================================= */
body.arcadium-lang-en.corporate-events-page .corporate-experience {
  min-height: 0;
}

body.arcadium-lang-en.corporate-events-page .corporate-experience__cards {
  height: auto;
  align-items: stretch;
}

body.arcadium-lang-en.corporate-events-page .experience-card {
  direction: ltr;
  text-align: left;
}

body.arcadium-lang-en.corporate-events-page .experience-card h3,
body.arcadium-lang-en.corporate-events-page .experience-card--interaction h3,
body.arcadium-lang-en.corporate-events-page .experience-card--space h3,
body.arcadium-lang-en.corporate-events-page .experience-card--games h3,
body.arcadium-lang-en.corporate-events-page .experience-card p,
body.arcadium-lang-en.corporate-events-page .experience-card--interaction p,
body.arcadium-lang-en.corporate-events-page .experience-card--space p,
body.arcadium-lang-en.corporate-events-page .experience-card--games p {
  position: relative;
  inset: auto;
  width: auto;
  max-width: none;
  text-align: left;
}

body.arcadium-lang-en.corporate-events-page .experience-card h3,
body.arcadium-lang-en.corporate-events-page .experience-card--interaction h3,
body.arcadium-lang-en.corporate-events-page .experience-card--space h3,
body.arcadium-lang-en.corporate-events-page .experience-card--games h3 {
  margin: 0;
  padding-right: clamp(58px, 5.4vw, 74px);
  line-height: 1.08;
  letter-spacing: -.04em;
  text-wrap: balance;
  overflow-wrap: break-word;
}

body.arcadium-lang-en.corporate-events-page .experience-card p,
body.arcadium-lang-en.corporate-events-page .experience-card--interaction p,
body.arcadium-lang-en.corporate-events-page .experience-card--space p,
body.arcadium-lang-en.corporate-events-page .experience-card--games p {
  margin: auto 0 0;
  padding-top: clamp(34px, 4.4vw, 68px);
  line-height: 1.38;
  overflow-wrap: break-word;
}

/* Desktop + 1200-class desktop: one resilient three-card composition. */
@media (min-width: 992px) {
  body.arcadium-lang-en.corporate-events-page .corporate-experience__cards {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(22px, 2.7vw, 40px);
    width: 100%;
    margin-top: clamp(38px, 4vw, 52px);
    padding: 18px 0 24px;
    direction: ltr;
  }

  body.arcadium-lang-en.corporate-events-page .experience-card {
    position: relative;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: flex;
    flex-direction: column;
    width: auto;
    height: auto;
    min-height: clamp(286px, 24vw, 326px);
    padding: clamp(26px, 2.35vw, 34px) clamp(20px, 2vw, 26px) clamp(24px, 2.2vw, 30px);
  }

  body.arcadium-lang-en.corporate-events-page .experience-card--games {
    order: 1;
  }

  body.arcadium-lang-en.corporate-events-page .experience-card--space {
    order: 2;
    transform: rotate(3.15deg);
  }

  body.arcadium-lang-en.corporate-events-page .experience-card--interaction {
    order: 3;
  }

  body.arcadium-lang-en.corporate-events-page .experience-card--games:hover,
  body.arcadium-lang-en.corporate-events-page .experience-card--games:focus-visible,
  body.arcadium-lang-en.corporate-events-page .experience-card--games.is-hovered,
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction:hover,
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction:focus-visible,
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction.is-hovered {
    transform: translateY(-6px);
  }

  body.arcadium-lang-en.corporate-events-page .experience-card--space:hover,
  body.arcadium-lang-en.corporate-events-page .experience-card--space:focus-visible,
  body.arcadium-lang-en.corporate-events-page .experience-card--space.is-hovered {
    transform: rotate(3.15deg) translateY(-6px);
  }

  body.arcadium-lang-en.corporate-events-page .experience-card h3,
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction h3,
  body.arcadium-lang-en.corporate-events-page .experience-card--space h3,
  body.arcadium-lang-en.corporate-events-page .experience-card--games h3 {
    font-size: clamp(27px, 2.45vw, 36px);
  }

  body.arcadium-lang-en.corporate-events-page .experience-card p,
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction p,
  body.arcadium-lang-en.corporate-events-page .experience-card--space p,
  body.arcadium-lang-en.corporate-events-page .experience-card--games p {
    font-size: clamp(16px, 1.48vw, 20px);
  }
}

/* Tablet/mobile: same content-driven rule, one card per row. */
@media (max-width: 991.98px) {
  body.arcadium-lang-en.corporate-events-page .corporate-experience__cards {
    height: auto;
    align-items: stretch;
  }

  body.arcadium-lang-en.corporate-events-page .experience-card {
    position: relative;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    min-height: clamp(220px, 34vw, 260px);
    padding: 24px 20px 24px;
  }

  body.arcadium-lang-en.corporate-events-page .experience-card--space,
  body.arcadium-lang-en.corporate-events-page .experience-card--space:hover,
  body.arcadium-lang-en.corporate-events-page .experience-card--space:focus-visible,
  body.arcadium-lang-en.corporate-events-page .experience-card--space.is-hovered {
    transform: none;
  }

  body.arcadium-lang-en.corporate-events-page .experience-card h3,
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction h3,
  body.arcadium-lang-en.corporate-events-page .experience-card--space h3,
  body.arcadium-lang-en.corporate-events-page .experience-card--games h3 {
    padding-right: 66px;
    font-size: clamp(26px, 5.2vw, 34px);
  }

  body.arcadium-lang-en.corporate-events-page .experience-card p,
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction p,
  body.arcadium-lang-en.corporate-events-page .experience-card--space p,
  body.arcadium-lang-en.corporate-events-page .experience-card--games p {
    padding-top: clamp(30px, 7vw, 52px);
    font-size: clamp(16px, 3vw, 18px);
  }
}

@media (max-width: 575.98px) {
  body.arcadium-lang-en.corporate-events-page .experience-card {
    min-height: 214px;
    padding: 22px 18px 22px;
  }

  body.arcadium-lang-en.corporate-events-page .experience-card h3,
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction h3,
  body.arcadium-lang-en.corporate-events-page .experience-card--space h3,
  body.arcadium-lang-en.corporate-events-page .experience-card--games h3 {
    padding-right: 58px;
    font-size: clamp(25px, 7.2vw, 30px);
  }

  body.arcadium-lang-en.corporate-events-page .experience-card p,
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction p,
  body.arcadium-lang-en.corporate-events-page .experience-card--space p,
  body.arcadium-lang-en.corporate-events-page .experience-card--games p {
    padding-top: 28px;
    font-size: 16px;
    line-height: 1.4;
  }
}

/* =========================================================
   ARCADIUM V1.0.49 — new shared navigation structure, English mirror
========================================================= */
body.arcadium-lang-en .nav-dropdown__trigger,
body.arcadium-lang-en .nav-dropdown__parent,
body.arcadium-lang-en .nav-dropdown__toggle {
  direction: ltr;
}
body.arcadium-lang-en .nav-dropdown__parent { text-align: center; }
body.arcadium-lang-en .nav-dropdown__parent::after {
  right: auto;
  left: 0;
  transform-origin: left;
}
body.arcadium-lang-en .drawer-nav-item--has-children {
  direction: ltr;
  grid-template-columns: minmax(0, 1fr) 48px;
}
body.arcadium-lang-en .drawer-parent-link {
  direction: ltr;
  text-align: left;
}
body.arcadium-lang-en .drawer-parent-link:hover,
body.arcadium-lang-en .drawer-parent-link:focus-visible {
  padding-right: 4px;
  padding-left: 12px;
  background: linear-gradient(270deg, transparent, rgba(146,9,242,.16));
}
body.arcadium-lang-en .drawer-nav-item .drawer-submenu-toggle {
  border-right: 0;
  border-left: 1px solid rgba(255,255,255,.08);
}
@media (max-width:575.98px) {
  body.arcadium-lang-en .drawer-nav-item--has-children {
    grid-template-columns: minmax(0, 1fr) 44px;
  }
}


/* =========================================================
   ARCADIUM V1.0.69 — ENGLISH 1024–1280 RAIL FIT
   Shared geometry comes from style.css. These are English-only long-label
   guards so the mirrored layout keeps the same 1110px desktop rail cleanly.
========================================================= */
@media (min-width: 1024px) and (max-width: 1280px) {
  body.arcadium-lang-en .desktop-nav {
    gap: clamp(11px, 1.05vw, 16px);
  }
  body.arcadium-lang-en .desktop-nav > a,
  body.arcadium-lang-en .nav-dropdown > button {
    font-size: clamp(12.5px, 1.08vw, 14.5px);
    letter-spacing: -.025em;
  }
  body.arcadium-lang-en .desktop-nav > a.is-active,
  body.arcadium-lang-en .contact-header .nav-dropdown.is-current > button {
    font-size: clamp(15px, 1.25vw, 17px) !important;
  }

  body.arcadium-lang-en .game-card__head h3 {
    font-size: clamp(23px, 1.95vw, 27px);
    letter-spacing: -.035em;
  }
  body.arcadium-lang-en .event-card__head h3 {
    font-size: clamp(21px, 1.85vw, 25px);
    letter-spacing: -.04em;
  }
  body.arcadium-lang-en .package-card__intro h3 {
    font-size: clamp(25px, 2.15vw, 29px);
    letter-spacing: -.035em;
  }
  body.arcadium-lang-en .single-game-page .why-card h3,
  body.arcadium-lang-en .corporate-events-page .experience-card h3 {
    font-size: clamp(26px, 2.25vw, 30px);
    line-height: 1.08;
    letter-spacing: -.04em;
  }
  body.arcadium-lang-en .single-game-page .why-card p,
  body.arcadium-lang-en .corporate-events-page .experience-card p {
    font-size: clamp(15px, 1.3vw, 17px);
  }

  body.arcadium-lang-en.single-game-page .game-intro__copy p,
  body.arcadium-lang-en.article-single-page .article-single-content,
  body.arcadium-lang-en.privacy-page .privacy-content {
    overflow-wrap: break-word;
  }
}

/* =========================================================
   ARCADIUM V1.0.71 — ENGLISH ABOUT MOMENTS TRUE LTR REPAIR
   The shared V1.0.71 Figma badge stage remains the geometry owner. Override
   the historical English flex-wrap branches and keep the user-requested copy
   alignment physical-left. English word spacing is deliberately restored;
   the prior negative tracking visually glued words together at compact widths.
========================================================= */
body.arcadium-lang-en.about-page .moments-copy,
body.arcadium-lang-en.about-page .moments-copy h2,
body.arcadium-lang-en.about-page .moments-copy p {
  direction: ltr;
  text-align: left !important;
}

@media (min-width: 1024px) {
  body.arcadium-lang-en.about-page .about-moments {
    height: auto !important;
  }

  body.arcadium-lang-en.about-page .moments-panel {
    position: relative !important;
    box-sizing: border-box;
    height: auto !important;
    padding: 54px 0 40px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.32) !important;
    border-radius: 32px !important;
    background:
      radial-gradient(ellipse 150px 360px at calc(100% + 18px) 42%, rgba(177,44,204,.48) 0%, rgba(93,1,83,.18) 44%, rgba(18,16,40,0) 74%),
      #121028 !important;
    box-shadow: inset 4px 4px 4px rgba(255,255,255,.30) !important;
  }

  body.arcadium-lang-en.about-page .moments-panel::after {
    content: none !important;
    display: none !important;
  }

  body.arcadium-lang-en.about-page .moments-copy {
    position: relative !important;
    z-index: 2;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    width: min(82%, 912px) !important;
    margin: 0 auto !important;
    transform: none !important;
  }

  body.arcadium-lang-en.about-page .moments-copy h2 {
    margin: 0 !important;
    font-size: clamp(46px, 4.4vw, 64px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.015em !important;
    word-spacing: .16em !important;
    text-wrap: balance;
  }

  body.arcadium-lang-en.about-page .moments-copy p {
    width: 100% !important;
    margin: 18px 0 0 !important;
    font-size: clamp(16px, 1.55vw, 20px) !important;
    line-height: 1.55 !important;
  }

  body.arcadium-lang-en.about-page .moment-tags {
    position: relative !important;
    z-index: 2;
    inset: auto !important;
    display: block !important;
    width: clamp(720px, 65.8%, 820px) !important;
    height: 135px !important;
    margin: 38px auto 0 !important;
    overflow: visible !important;
    direction: ltr;
  }

  body.arcadium-lang-en.about-page .moment-tag-slot,
  body.arcadium-lang-en.about-page .moment-tag-slot--interactive,
  body.arcadium-lang-en.about-page .moment-tag-slot--custom,
  body.arcadium-lang-en.about-page .moment-tag-slot--mobile,
  body.arcadium-lang-en.about-page .moment-tag-slot--safe,
  body.arcadium-lang-en.about-page .moment-tag-slot--fun,
  body.arcadium-lang-en.about-page .moment-tag-slot--easy,
  body.arcadium-lang-en.about-page .moment-tag-slot--competitive,
  body.arcadium-lang-en.about-page .moment-tag-slot--supervision {
    position: absolute !important;
    inset: auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 0;
    overflow: visible !important;
  }

  body.arcadium-lang-en.about-page .moment-tag-slot--interactive { left: 0% !important;     top: 46.7% !important; width: 21.0% !important; height: 30.4% !important; }
  body.arcadium-lang-en.about-page .moment-tag-slot--custom      { left: 12.6% !important;  top: 14.8% !important; width: 22.4% !important; height: 48.3% !important; }
  body.arcadium-lang-en.about-page .moment-tag-slot--mobile      { left: 24.5% !important;  top: 62.2% !important; width: 21.0% !important; height: 30.4% !important; }
  body.arcadium-lang-en.about-page .moment-tag-slot--safe        { left: 37.7% !important;  top: 14.8% !important; width: 17.4% !important; height: 48.4% !important; }
  body.arcadium-lang-en.about-page .moment-tag-slot--fun         { left: 47.1% !important;  top: 55.6% !important; width: 22.2% !important; height: 34.0% !important; }
  body.arcadium-lang-en.about-page .moment-tag-slot--easy        { left: 56.5% !important;  top: 0% !important;    width: 21.8% !important; height: 55.6% !important; }
  body.arcadium-lang-en.about-page .moment-tag-slot--competitive { left: 69.1% !important;  top: 68.1% !important; width: 17.1% !important; height: 32.2% !important; }
  body.arcadium-lang-en.about-page .moment-tag-slot--supervision { left: 73.5% !important;  top: 28.1% !important; width: 25.1% !important; height: 49.7% !important; }

  body.arcadium-lang-en.about-page .moment-tag-slot .moment-tag {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 36px !important;
    padding: 7px 10px !important;
    font-size: clamp(14px, 1.35vw, 20px) !important;
    line-height: 1.15 !important;
    direction: ltr;
    text-align: center !important;
    white-space: nowrap;
  }
}

@media (min-width: 1024px) and (max-width: 1280px) {
  body.arcadium-lang-en.about-page .moments-panel {
    min-height: 460px !important;
  }
}

@media (min-width: 1281px) {
  body.arcadium-lang-en.about-page .moments-panel {
    min-height: 504px !important;
    padding-top: 64px !important;
    padding-bottom: 48px !important;
  }
  body.arcadium-lang-en.about-page .moments-copy h2 { font-size: 64px !important; }
  body.arcadium-lang-en.about-page .moments-copy p  { font-size: 20px !important; }
  body.arcadium-lang-en.about-page .moment-tags     { margin-top: 44px !important; }
  body.arcadium-lang-en.about-page .moment-tag-slot .moment-tag { font-size: 20px !important; }
}

/* =========================================================
   ARCADIUM V1.0.72 — ENGLISH TYPOGRAPHY NORMALIZATION
   English stays a mirrored adaptation of the Arabic/Figma hierarchy. Longer
   labels wrap/balance where the component allows it; they are no longer made
   visually tiny by page-specific fit rules or per-label JS shrinking.
========================================================= */

/* Desktop design scale. Keep English within one small optical step of Arabic,
   not the 15–50% reductions left by earlier line-fit patches. */
@media (min-width: 1281px) {
  body.arcadium-lang-en .desktop-nav > a,
  body.arcadium-lang-en .nav-dropdown > button {
    font-size: 16px;
  }
  body.arcadium-lang-en .desktop-nav > a.is-active,
  body.arcadium-lang-en .contact-header .nav-dropdown.is-current > button {
    font-size: 23px !important;
  }

  body.arcadium-lang-en .game-card__head h3 {
    font-size: 31px;
    letter-spacing: -.025em;
  }
  body.arcadium-lang-en .event-card__head h3 {
    font-size: 29px;
    letter-spacing: -.025em;
  }
  body.arcadium-lang-en .game-card .game-hover-copy span,
  body.arcadium-lang-en .game-card .basketball-copy span {
    font-size: 44px !important;
    line-height: 1 !important;
  }
  body.arcadium-lang-en .package-card__intro h3 {
    font-size: 35px;
    line-height: 1.08;
  }
  body.arcadium-lang-en .package-card li {
    font-size: 14px;
  }

  body.arcadium-lang-en.about-page .story-card--mission h2,
  body.arcadium-lang-en.about-page .story-card--vision h2 {
    font-size: 56px !important;
    line-height: 1.08;
    white-space: normal;
    text-wrap: balance;
  }
  body.arcadium-lang-en.about-page .story-card--about h2 {
    font-size: 60px !important;
    line-height: 1.06;
    text-wrap: balance;
  }
  body.arcadium-lang-en.about-page .story-card p,
  body.arcadium-lang-en.about-page .why-card p {
    font-size: 19px !important;
  }

  body.arcadium-lang-en.about-page .moment-tags {
    width: min(78%, 900px) !important;
    height: 145px !important;
  }
  body.arcadium-lang-en.about-page .moment-tag-slot--interactive { width: 23% !important; }
  body.arcadium-lang-en.about-page .moment-tag-slot--custom      { width: 24% !important; }
  body.arcadium-lang-en.about-page .moment-tag-slot--mobile      { width: 23% !important; }
  body.arcadium-lang-en.about-page .moment-tag-slot--safe        { width: 18% !important; }
  body.arcadium-lang-en.about-page .moment-tag-slot--fun         { width: 22% !important; }
  body.arcadium-lang-en.about-page .moment-tag-slot--easy        { width: 22% !important; }
  body.arcadium-lang-en.about-page .moment-tag-slot--competitive { left: 67.5% !important; width: 20% !important; }
  body.arcadium-lang-en.about-page .moment-tag-slot--supervision { left: 72.5% !important; width: 27% !important; }

  body.arcadium-lang-en.corporate-events-page .setup-step__copy h3 {
    font-size: 35px;
  }
  body.arcadium-lang-en.corporate-events-page .setup-step__copy p {
    font-size: 19px;
  }
}

/* 992–1280: one compact-desktop type scale. This mirrors the shared V1.0.72
   rail-proportional scale after English.css, so older English-specific rules
   cannot shrink it again. */
@media (min-width: 992px) and (max-width: 1280px) {
  body.arcadium-lang-en .section-title,
  body.arcadium-lang-en .single-game-section-title,
  body.arcadium-lang-en .corporate-section-title,
  body.arcadium-lang-en.articles-page .articles-topics > h2,
  body.arcadium-lang-en .gallery-section__heading h2 {
    font-size: clamp(48px, 4.55vw, 58px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.025em;
    text-wrap: balance;
  }

  body.arcadium-lang-en .desktop-nav > a,
  body.arcadium-lang-en .nav-dropdown > button {
    font-size: clamp(13.5px, 1.18vw, 15.5px);
  }
  body.arcadium-lang-en .desktop-nav > a.is-active,
  body.arcadium-lang-en .contact-header .nav-dropdown.is-current > button {
    font-size: clamp(16px, 1.35vw, 18px) !important;
  }

  body.arcadium-lang-en .game-card__head h3 {
    font-size: clamp(24.5px, 2.2vw, 28.25px);
    letter-spacing: -.025em;
  }
  body.arcadium-lang-en .event-card__head h3 {
    font-size: clamp(23px, 2.1vw, 27px);
    letter-spacing: -.03em;
  }
  body.arcadium-lang-en .game-card .game-hover-copy span,
  body.arcadium-lang-en .game-card .basketball-copy span {
    font-size: clamp(36px, 3.35vw, 43px) !important;
    line-height: 1 !important;
  }
  body.arcadium-lang-en .package-card__intro h3 {
    font-size: clamp(27px, 2.5vw, 32px);
    line-height: 1.08;
  }
  body.arcadium-lang-en .package-card li {
    font-size: clamp(13.5px, 1.14vw, 14px);
  }

  /* About Story: the old English laptop rules took 54px Arabic titles down to
     30–35px. Keep the card architecture but restore the visual hierarchy. */
  body.arcadium-lang-en.about-page .story-card--mission h2,
  body.arcadium-lang-en.about-page .story-card--vision h2,
  body.arcadium-lang-en.about-page .story-card--about h2 {
    font-size: clamp(48px, 4.5vw, 54px) !important;
    line-height: 1.06;
    white-space: normal;
    text-wrap: balance;
  }
  body.arcadium-lang-en.about-page .story-card--mission p,
  body.arcadium-lang-en.about-page .story-card--vision p,
  body.arcadium-lang-en.about-page .story-card--about p {
    font-size: clamp(16px, 1.5vw, 18px) !important;
    line-height: 1.5;
  }

  /* Moments: same physical scale as Arabic, with a wider English badge stage so
     all eight translations can remain one coherent size instead of shrinking
     individually. */
  body.arcadium-lang-en.about-page .moments-panel {
    min-height: 490px !important;
    padding-top: 56px !important;
    padding-bottom: 44px !important;
  }
  body.arcadium-lang-en.about-page .moments-copy h2 {
    font-size: clamp(50px, 4.75vw, 57px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.012em !important;
    word-spacing: .08em !important;
  }
  body.arcadium-lang-en.about-page .moments-copy p {
    font-size: clamp(16px, 1.5vw, 18px) !important;
    line-height: 1.58 !important;
  }
  body.arcadium-lang-en.about-page .moment-tags {
    width: min(86%, 880px) !important;
    height: 145px !important;
    margin-top: 40px !important;
  }
  body.arcadium-lang-en.about-page .moment-tag-slot .moment-tag {
    min-height: 38px !important;
    padding: 8px 11px !important;
    font-size: clamp(16px, 1.5vw, 18px) !important;
    line-height: 1.15 !important;
  }
  body.arcadium-lang-en.about-page .moment-tag-slot--interactive { width: 23% !important; }
  body.arcadium-lang-en.about-page .moment-tag-slot--custom      { width: 24% !important; }
  body.arcadium-lang-en.about-page .moment-tag-slot--mobile      { width: 23% !important; }
  body.arcadium-lang-en.about-page .moment-tag-slot--safe        { width: 18% !important; }
  body.arcadium-lang-en.about-page .moment-tag-slot--fun         { width: 22% !important; }
  body.arcadium-lang-en.about-page .moment-tag-slot--easy        { width: 22% !important; }
  body.arcadium-lang-en.about-page .moment-tag-slot--competitive { left: 67.5% !important; width: 20% !important; }
  body.arcadium-lang-en.about-page .moment-tag-slot--supervision { left: 72.5% !important; width: 27% !important; }

  body.arcadium-lang-en.corporate-events-page .experience-card h3,
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction h3,
  body.arcadium-lang-en.corporate-events-page .experience-card--space h3,
  body.arcadium-lang-en.corporate-events-page .experience-card--games h3 {
    font-size: clamp(29px, 2.5vw, 32px);
  }
  body.arcadium-lang-en.corporate-events-page .experience-card p,
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction p,
  body.arcadium-lang-en.corporate-events-page .experience-card--space p,
  body.arcadium-lang-en.corporate-events-page .experience-card--games p {
    font-size: clamp(16.5px, 1.45vw, 18px);
  }
  body.arcadium-lang-en.corporate-events-page .setup-step__copy h3 {
    font-size: clamp(34px, 2.9vw, 36px);
  }
  body.arcadium-lang-en.corporate-events-page .setup-step__copy p {
    font-size: clamp(19px, 1.62vw, 20px);
  }

  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--events,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--games,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--ideas,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--corporate {
    font-size: clamp(20px, 1.75vw, 22px);
  }
}

/* Tablet: shared headings remain one family; English wraps/balances rather than
   dropping every page title to a hard 46px. */
@media (min-width: 576px) and (max-width: 991.98px) {
  body.arcadium-lang-en .section-title,
  body.arcadium-lang-en .single-game-section-title,
  body.arcadium-lang-en .corporate-section-title,
  body.arcadium-lang-en.articles-page .articles-topics > h2,
  body.arcadium-lang-en .gallery-section__heading h2 {
    font-size: clamp(44px, 6.6vw, 52px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.025em;
    text-wrap: balance;
  }

  body.arcadium-lang-en.about-page .story-card--mission h2,
  body.arcadium-lang-en.about-page .story-card--vision h2,
  body.arcadium-lang-en.about-page .story-card--about h2 {
    font-size: clamp(42px, 7vw, 54px) !important;
    line-height: 1.06;
    white-space: normal;
    text-wrap: balance;
  }
  body.arcadium-lang-en.about-page .story-card p {
    font-size: 17px !important;
  }

  body.arcadium-lang-en.corporate-events-page .setup-step__copy h3 {
    font-size: clamp(32px, 4.5vw, 36px);
  }
  body.arcadium-lang-en.corporate-events-page .setup-step__copy p {
    font-size: clamp(18px, 2.5vw, 20px);
  }
}

/* Mobile keeps each page's existing Arabic hierarchy instead of applying the
   old global English 30px minimum to unrelated section types. */
@media (max-width: 575.98px) {
  body.arcadium-lang-en.home-page :is(.games-section,.events-section,.clients-section,.reviews-section,.faq-section) > .section-title,
  body.arcadium-lang-en.faq-page .section-title {
    font-size: 34px !important;
    line-height: 1.08 !important;
  }
  body.arcadium-lang-en.packages-page .section-title {
    font-size: 42px !important;
    line-height: 1.08 !important;
  }
  body.arcadium-lang-en.single-game-page .single-game-section-title,
  body.arcadium-lang-en.corporate-events-page .corporate-section-title {
    font-size: 40px !important;
    line-height: 1.08 !important;
  }

  body.arcadium-lang-en .game-card__head h3 {
    font-size: clamp(19px, 5.5vw, 21px);
  }
  body.arcadium-lang-en .event-card__head h3 {
    font-size: clamp(18px, 5.2vw, 20px);
  }
  body.arcadium-lang-en .package-card__intro h3 {
    font-size: clamp(27px, 7.8vw, 31px);
    line-height: 1.08;
  }

  body.arcadium-lang-en.about-page .story-card--mission h2,
  body.arcadium-lang-en.about-page .story-card--vision h2,
  body.arcadium-lang-en.about-page .story-card--about h2 {
    font-size: clamp(25px, 10.5vw, 29px) !important;
    line-height: 1.06;
    white-space: normal;
  }
  body.arcadium-lang-en.about-page .story-card p {
    font-size: 15px !important;
  }

  body.arcadium-lang-en.corporate-events-page .experience-card h3,
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction h3,
  body.arcadium-lang-en.corporate-events-page .experience-card--space h3,
  body.arcadium-lang-en.corporate-events-page .experience-card--games h3 {
    font-size: clamp(28px, 7.7vw, 31px);
  }
  body.arcadium-lang-en.corporate-events-page .setup-step__copy h3 {
    font-size: clamp(30px, 8vw, 31px);
  }
}

/* =========================================================
   ARCADIUM V1.0.73 — ABOUT ENGLISH DESKTOP PROPORTION
   English gets its own readable scale. It is intentionally not forced to the
   Arabic pixel value: longer Latin headings wrap naturally without inflating
   the Story row or shrinking the body copy into a different hierarchy.
========================================================= */
@media (min-width: 1024px) {
  body.arcadium-lang-en.about-page .story-card--mission h2,
  body.arcadium-lang-en.about-page .story-card--vision h2 {
    font-size: var(--arc-about-story-en-side-title) !important;
    line-height: 1.03 !important;
    letter-spacing: -.035em !important;
    white-space: normal !important;
    text-wrap: balance;
  }

  body.arcadium-lang-en.about-page .story-card--about h2 {
    position: relative !important;
    inset: auto !important;
    width: min(88%, 430px) !important;
    margin: 0 auto 0 0 !important;
    font-size: var(--arc-about-story-en-main-title) !important;
    line-height: 1.03 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
    text-wrap: balance;
  }

  body.arcadium-lang-en.about-page .story-card--mission p,
  body.arcadium-lang-en.about-page .story-card--vision p,
  body.arcadium-lang-en.about-page .story-card--about p {
    font-size: var(--arc-about-story-en-body) !important;
    line-height: 1.48 !important;
  }

  body.arcadium-lang-en.about-page .story-card--about p {
    right: auto !important;
    left: var(--arc-about-story-about-pad-x) !important;
    width: min(58%, var(--arc-about-story-copy-w)) !important;
    text-align: left !important;
  }

  body.arcadium-lang-en.about-page .story-card--about .story-card__coin {
    right: var(--arc-about-story-coin-side) !important;
    left: auto !important;
  }

  body.arcadium-lang-en.about-page .story-card--about .story-card__glow {
    right: -105px !important;
    left: auto !important;
    transform: none !important;
  }
}

@media (min-width: 1024px) and (max-width: 1099.98px) {
  body.arcadium-lang-en.about-page {
    --arc-about-story-en-side-title: 36px;
    --arc-about-story-en-main-title: 42px;
    --arc-about-story-en-body: 14.5px;
  }
}

@media (min-width: 1100px) and (max-width: 1199.98px) {
  body.arcadium-lang-en.about-page {
    --arc-about-story-en-side-title: 39px;
    --arc-about-story-en-main-title: 45px;
    --arc-about-story-en-body: 15.5px;
  }
}

@media (min-width: 1200px) and (max-width: 1280px) {
  body.arcadium-lang-en.about-page {
    --arc-about-story-en-side-title: 42px;
    --arc-about-story-en-main-title: 48px;
    --arc-about-story-en-body: 16.5px;
  }
}

@media (min-width: 1281px) {
  body.arcadium-lang-en.about-page {
    --arc-about-story-en-side-title: 46px;
    --arc-about-story-en-main-title: 54px;
    --arc-about-story-en-body: 17px;
  }

  body.arcadium-lang-en.about-page .about-story,
  body.arcadium-lang-en.about-page .story-grid,
  body.arcadium-lang-en.about-page .story-card {
    height: var(--arc-about-story-h) !important;
    min-height: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1280px) {
  body.arcadium-lang-en.about-page .why-card h3 {
    font-size: clamp(25px, 2.28vw, 29px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.025em;
  }

  body.arcadium-lang-en.about-page .why-card p {
    font-size: clamp(14.5px, 1.32vw, 16.5px) !important;
    line-height: 1.3 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1280px) {
  body.arcadium-lang-en.about-page .why-grid {
    transform: translateX(-12px);
  }
}
@media (min-width: 1024px) {
  body.arcadium-lang-en.about-page .story-card--about p {
    width: var(--arc-about-story-copy-w) !important;
  }
}

/* =========================================================
   ARCADIUM V1.0.78 — ENGLISH PHONE HEADER PHYSICAL ORDER
   Phone-only mirror exception requested by QA: regardless of language flow,
   the physical header positions are language LEFT, logo CENTER, menu RIGHT.
   Tablet/desktop English mirroring remains unchanged.
========================================================= */
@media (max-width: 575.98px) {
  body.arcadium-lang-en .site-header,
  body.arcadium-lang-en .site-header.contact-header {
    grid-template-columns: minmax(92px, 1fr) 72px minmax(42px, 1fr) !important;
    column-gap: 8px;
  }

  body.arcadium-lang-en .site-header .language-control,
  body.arcadium-lang-en .site-header.contact-header .language-control {
    grid-column: 1 !important;
    justify-self: start !important;
  }

  body.arcadium-lang-en .site-header .site-logo,
  body.arcadium-lang-en .site-header.contact-header .site-logo {
    grid-column: 2 !important;
    justify-self: center !important;
    width: 64px;
    height: 64px;
  }

  body.arcadium-lang-en .site-header .menu-toggle,
  body.arcadium-lang-en .site-header.contact-header .menu-toggle {
    grid-column: 3 !important;
    justify-self: end !important;
  }
}

/* =========================================================
   ARCADIUM V1.0.79 — ENGLISH PHONE HEADER COMPACT MIRROR
   Keep the V1.0.78 physical order while matching the new compact 60px rail.
========================================================= */
@media (max-width: 575.98px) {
  body.arcadium-lang-en .site-header,
  body.arcadium-lang-en .site-header.contact-header {
    grid-template-columns: minmax(84px, 1fr) 54px minmax(38px, 1fr) !important;
    column-gap: 6px !important;
  }

  body.arcadium-lang-en .site-header .site-logo,
  body.arcadium-lang-en .site-header.contact-header .site-logo {
    width: 52px !important;
    height: 52px !important;
  }
}


/* =========================================================
   ARCADIUM V1.0.80 — PHONE ENGLISH PARITY
   Mirror the phone-only composition pass after all historical English
   content-fit rules. English keeps physical left alignment and reserves the
   badge rail on the right; desktop/tablet are untouched.
========================================================= */
@media (max-width: 575.98px) {
  body.arcadium-lang-en.corporate-events-page .corporate-hero__content,
  body.arcadium-lang-en.corporate-events-page .corporate-intro,
  body.arcadium-lang-en.corporate-events-page .corporate-intro h2,
  body.arcadium-lang-en.corporate-events-page .corporate-intro__body,
  body.arcadium-lang-en.corporate-events-page .corporate-intro__body p {
    direction: ltr;
    text-align: left !important;
  }

  body.arcadium-lang-en.corporate-events-page .corporate-experience__cards,
  body.arcadium-lang-en.corporate-events-page .corporate-steps__grid {
    direction: ltr !important;
  }

  body.arcadium-lang-en.corporate-events-page .experience-card {
    display: flex !important;
    flex-direction: column;
    width: 100% !important;
    height: clamp(210px, 58vw, 230px) !important;
    min-height: 0 !important;
    padding: 18px 8px 12px !important;
  }

  body.arcadium-lang-en.corporate-events-page .experience-card h3,
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction h3,
  body.arcadium-lang-en.corporate-events-page .experience-card--space h3,
  body.arcadium-lang-en.corporate-events-page .experience-card--games h3 {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 34px 0 0 !important;
    font-size: clamp(14px, 3.9vw, 17px) !important;
    line-height: 1.08 !important;
    text-align: left !important;
  }

  body.arcadium-lang-en.corporate-events-page .experience-card p,
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction p,
  body.arcadium-lang-en.corporate-events-page .experience-card--space p,
  body.arcadium-lang-en.corporate-events-page .experience-card--games p {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    margin: auto 0 0 !important;
    padding: 12px 0 0 !important;
    font-size: clamp(9px, 2.45vw, 11px) !important;
    line-height: 1.32 !important;
    text-align: left !important;
  }

  body.arcadium-lang-en.corporate-events-page .experience-card--interaction .experience-card__badge,
  body.arcadium-lang-en.corporate-events-page .experience-card--space .experience-card__badge,
  body.arcadium-lang-en.corporate-events-page .experience-card--games .experience-card__badge {
    top: -14px !important;
    right: 6px !important;
    left: auto !important;
    width: clamp(38px, 10vw, 46px) !important;
    height: clamp(38px, 10vw, 46px) !important;
  }

  body.arcadium-lang-en.corporate-events-page .setup-step {
    display: flex !important;
    flex-direction: column;
    height: clamp(205px, 56vw, 225px) !important;
    min-height: 0 !important;
  }

  body.arcadium-lang-en.corporate-events-page .setup-step__number {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    align-self: flex-start;
    margin: 9px 0 0 9px !important;
    font-size: clamp(48px, 14vw, 60px) !important;
    line-height: .82 !important;
  }

  body.arcadium-lang-en.corporate-events-page .setup-step__copy {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    flex: 1 1 auto;
    align-items: flex-start !important;
    justify-content: flex-end;
    gap: 8px !important;
    width: 100% !important;
    padding: 8px 9px 12px !important;
    text-align: left !important;
  }

  body.arcadium-lang-en.corporate-events-page .setup-step__copy h3 {
    font-size: clamp(14px, 4vw, 17px) !important;
    line-height: 1.08 !important;
    text-align: left !important;
  }

  body.arcadium-lang-en.corporate-events-page .setup-step__copy p {
    font-size: clamp(9px, 2.5vw, 11px) !important;
    line-height: 1.32 !important;
    text-align: left !important;
  }

  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tabs,
  body.arcadium-lang-en.faq-page .faq-tabs {
    flex-wrap: wrap !important;
    overflow: visible !important;
  }

  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--events,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--games,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--ideas,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--corporate,
  body.arcadium-lang-en.faq-page .faq-tab {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding-inline: 11px !important;
    font-size: 13px !important;
    white-space: normal !important;
  }

  body.arcadium-lang-en.articles-page .article-card__title {
    font-size: 12.5px !important;
  }

  body.arcadium-lang-en.articles-page .article-card__excerpt,
  body.arcadium-lang-en.articles-page .article-card__more {
    font-size: 10.5px !important;
  }


  body.arcadium-lang-en.article-single-page .article-related .article-card__title {
    font-size: 12.5px !important;
  }

  body.arcadium-lang-en.article-single-page .article-related .article-card__excerpt,
  body.arcadium-lang-en.article-single-page .article-related .article-card__more {
    font-size: 10.5px !important;
  }

  body.arcadium-lang-en.faq-page .faq-hero__content h1 {
    font-size: 22px !important;
  }

  body.arcadium-lang-en.faq-page .faq-hero__content p {
    font-size: 12px !important;
  }

  body.arcadium-lang-en.faq-page .faq-section .section-title {
    font-size: 26px !important;
    line-height: 1.08 !important;
  }

  body.arcadium-lang-en.faq-page .faq-item > button {
    font-size: 13px !important;
  }

  body.arcadium-lang-en.faq-page .faq-answer p {
    font-size: 12px !important;
  }
}

/* =========================================================
   ARCADIUM V1.0.81 — ENGLISH PHONE CONTENT-HEIGHT PARITY
   Keep English-specific type fitting without reintroducing V1.0.80's forced
   corporate card heights or the older FAQ hero title sizes.
========================================================= */
@media (max-width: 575.98px) {
  body.arcadium-lang-en:not(.home-page) .contact-hero__content h1 {
    font-size: 25px !important;
    line-height: 1.12 !important;
  }

  body.arcadium-lang-en:not(.home-page) .contact-hero__content .breadcrumb-nav {
    font-size: 11.5px !important;
  }

  body.arcadium-lang-en.corporate-events-page .experience-card {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body.arcadium-lang-en.corporate-events-page .experience-card p,
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction p,
  body.arcadium-lang-en.corporate-events-page .experience-card--space p,
  body.arcadium-lang-en.corporate-events-page .experience-card--games p {
    margin: 20px 0 0 !important;
    padding: 0 !important;
  }

  body.arcadium-lang-en.corporate-events-page .setup-step {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body.arcadium-lang-en.corporate-events-page .setup-step__copy {
    flex: 0 0 auto !important;
    justify-content: flex-start !important;
  }

  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--events,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--games,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--ideas,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--corporate,
  body.arcadium-lang-en.faq-page .faq-tab {
    min-height: 34px !important;
    padding: 5px 8px !important;
    font-size: 11.5px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }
}

/* =========================================================
   ARCADIUM V1.0.82 — ENGLISH PHONE PARITY
   Keep the shared V1.0.82 rail/equal-row/tab contracts authoritative after
   English-specific content-fit rules load.
========================================================= */
@media (max-width: 575.98px) {
  body.arcadium-lang-en:not(.home-page) .contact-hero__content {
    width: calc(100% - 55px) !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  body.arcadium-lang-en:not(.home-page) .contact-hero__content h1 {
    margin-top: 2px !important;
    font-size: 25px !important;
    line-height: 1.1 !important;
  }

  body.arcadium-lang-en:not(.home-page) .contact-hero__content .breadcrumb-nav {
    gap: 2px 4px !important;
    font-size: 11px !important;
    line-height: 1.18 !important;
  }

  body.arcadium-lang-en.corporate-events-page .corporate-experience__cards,
  body.arcadium-lang-en.corporate-events-page .corporate-steps__grid {
    align-items: stretch !important;
  }

  body.arcadium-lang-en.corporate-events-page .experience-card,
  body.arcadium-lang-en.corporate-events-page .setup-step {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    align-self: stretch !important;
  }

  body.arcadium-lang-en.corporate-events-page .experience-card p,
  body.arcadium-lang-en.corporate-events-page .experience-card--interaction p,
  body.arcadium-lang-en.corporate-events-page .experience-card--space p,
  body.arcadium-lang-en.corporate-events-page .experience-card--games p {
    margin-top: auto !important;
    padding-top: 14px !important;
  }

  body.arcadium-lang-en.corporate-events-page .setup-step__copy {
    flex: 1 1 auto !important;
    justify-content: flex-end !important;
  }

  body.arcadium-lang-en.faq-page .faq-tabs-shell {
    width: calc(100% - 55px) !important;
    margin-top: 12px !important;
  }

  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--events,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--games,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--ideas,
  body.arcadium-lang-en.articles-page .articles-tabs-shell .faq-tab--corporate,
  body.arcadium-lang-en.faq-page .faq-tab {
    min-width: 0 !important;
    min-height: 30px !important;
    padding: 4px 7px !important;
    font-size: 10.8px !important;
    line-height: 1.08 !important;
    white-space: nowrap !important;
  }

  body.arcadium-lang-en.article-single-page .article-related {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: none !important;
  }

  body.arcadium-lang-en.article-single-page .article-related > .article-card,
  body.arcadium-lang-en.article-single-page .article-related > .article-card:last-child:nth-of-type(odd) {
    grid-column: auto !important;
    width: 100% !important;
    max-width: none !important;
  }
}


/* =========================================================
   ARCADIUM V1.0.84 — ENGLISH PHONE RAIL PARITY
   English loads after the main stylesheet, so its two explicit V1.0.82
   55px rail overrides must follow the new shared 40px phone gutter.
========================================================= */
@media (max-width: 575.98px) {
  body.arcadium-lang-en:not(.home-page) .contact-hero__content,
  body.arcadium-lang-en.faq-page .faq-tabs-shell {
    width: calc(100% - 40px) !important;
  }
}

/* =========================================================
   ARCADIUM V1.0.89 — PHONE ENGLISH FIT FOR NEW TWO-UP ABOUT ROWS
========================================================= */
@media (max-width: 575.98px) {
  body.arcadium-lang-en.about-page .story-card--mission h2,
  body.arcadium-lang-en.about-page .story-card--vision h2 {
    font-size: clamp(19px, 5.5vw, 23px) !important;
  }
  body.arcadium-lang-en.about-page .story-card--mission p,
  body.arcadium-lang-en.about-page .story-card--vision p {
    font-size: clamp(10.5px, 3vw, 12.5px) !important;
    line-height: 1.42 !important;
  }
  body.arcadium-lang-en.about-page .why-card h3 {
    font-size: clamp(17px, 4.9vw, 21px) !important;
  }
  body.arcadium-lang-en.about-page .why-card p {
    font-size: clamp(10.5px, 3vw, 12.5px) !important;
    line-height: 1.4 !important;
  }
}