/* English layout shares the brand and components with the Arabic site. */
html[lang="en"] body { font-family: Arial, Helvetica, sans-serif; line-height: 1.7; }
html[lang="en"] h1, html[lang="en"] h2, html[lang="en"] h3 { font-family: Arial, Helvetica, sans-serif; }
html[lang="en"] .brand small { direction: ltr; font-size: 10px; }
html[lang="en"] nav { gap: 20px; }
html[lang="en"] .nav-wrap { gap: 18px; }
html[lang="en"] .hero-refresh h1 { font-size: clamp(46px,4.5vw,65px); line-height: 1.12; letter-spacing: -2.5px; margin-block: 25px; }
html[lang="en"] .hero-refresh .hero-copy > p { font-size: 16px; line-height: 1.8; }
html[lang="en"] .hero-refresh { background: radial-gradient(ellipse at 10% 18%,#fcfff7 0%,#fcfff700 53%),radial-gradient(ellipse at 75% 30%,#a1fff0 0%,#a1fff000 42%),radial-gradient(ellipse at 95% 100%,#259d96 0%,#259d9600 51%),linear-gradient(248deg,#71cfc1 0%,#b0e6d9 45%,#f0f7e9 100%); }
html[lang="en"] .hero-aura { left: auto; right: -220px; }
html[lang="en"] .doodle-glove { right: auto; left: 44%; }
html[lang="en"] .hero-note { font-size: 11px; }
html[lang="en"] .device-label { direction: ltr; }
html[lang="en"] .splash-brand span { font-size: 9px; text-align: center; }
html[lang="en"] .button svg { transform: rotate(180deg); }
html[lang="en"] .sport-card > div { right: auto; left: 20px; }
html[lang="en"] .sport-card h3 { font-size: 23px; }
html[lang="en"] .sport-card p { font-size: 12px; max-width: 205px; }
html[lang="en"] .steps article:not(:last-child)::after { right: auto; left: 70px; }
html[lang="en"] .footer-top p { margin-left: 0; margin-right: auto; }
html[lang="en"] .legal-notice { border-right: 1px solid #c5dfd2; border-left: 4px solid #418472; }
html[lang="en"] .legal-index { font-size: 13px; }
html[lang="en"] .legal-body p, html[lang="en"] .legal-body li { line-height: 1.9; }
@media (max-width:1000px) and (min-width:701px) {
 html[lang="en"] nav { gap: 12px; font-size: 12px; }
 html[lang="en"] .hero-refresh h1 { font-size: 47px; }
}
@media (max-width:700px) {
 html[lang="en"] .hero-refresh h1 { font-size: 43px; line-height: 1.08; margin: 18px 0 14px; letter-spacing: -1.7px; }
 html[lang="en"] .hero-refresh .hero-copy > p { font-size: 13px; line-height: 1.75; }
 html[lang="en"] .hero-refresh { background: radial-gradient(ellipse at 90% 5%,#fbfff2 0%,#fbfff200 50%),radial-gradient(ellipse at 25% 66%,#a2fce8 0%,#a2fce800 48%),radial-gradient(ellipse at 0% 100%,#37a9a5 0%,#37a9a500 55%),linear-gradient(165deg,#eef9e9 0%,#c0ecdf 45%,#83cbd0 100%); }
 html[lang="en"] .hero-note { font-size: 9px; gap: 10px; }
 html[lang="en"] .doodle-glove { left: -8px; }
 html[lang="en"] .nav-wrap { gap: 10px; }
 html[lang="en"] .brand > span { font-size: 18px; }
 html[lang="en"] .brand small { font-size: 8px; }
 html[lang="en"] .brand img { width: 40px; }
 html[lang="en"] .brand { gap: 6px; }
 html[lang="en"] .sport-card > div { left: 13px; right: 9px; }
 html[lang="en"] .sport-card h3 { font-size: 19px; }
 html[lang="en"] .sport-card p { font-size: 10px; }
 html[lang="en"] .steps article { padding-right: 0; padding-left: 65px; }
 html[lang="en"] .step-number { right: auto; left: 0; }
 html[lang="en"] .steps article:not(:last-child)::after { right: auto; left: 23px; border-right: 0; border-left: 1px dashed #b8cdc6; }
 html[lang="en"] .footer-top p { margin: 0; }
 html[lang="en"] .download h2 { font-size: 30px; }
}
@media (max-width:360px) {
 html[lang="en"] .hero-refresh h1 { font-size: 37px; }
 html[lang="en"] .hero-note { font-size: 8px; }
 html[lang="en"] .brand small { display: none; }
}

html[lang="en"] .sport-card > div > span { display: none; }