@font-face{font-family:Cairo;src:url('/assets/cairo-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Cairo;src:url('/assets/cairo-600.woff2') format('woff2');font-weight:600 900;font-display:swap}
html[lang=ar] body{font-family:Cairo,Tahoma,Arial,sans-serif}html[dir=ltr] h1,html[dir=ltr] h2,html[dir=ltr] h3{letter-spacing:-.025em}.language-nav{display:flex;justify-content:flex-end;gap:9px;padding-block:0 13px}.language-nav a{font-size:13px;text-decoration:none;padding:3px 13px;border:1px solid var(--line);border-radius:7px;color:var(--ink);min-height:36px;display:flex;align-items:center}.language-nav a[aria-current=page]{color:white;background:var(--green);border-color:var(--green)}.product-shot{margin:0;align-self:center;min-width:0}.product-shot>a{display:block;border:1px solid #c7d8cc;border-radius:18px;overflow:hidden;background:white;box-shadow:12px 14px 0 #e4eadb}.product-shot img{display:block;width:100%;height:auto;aspect-ratio:2/3}.product-shot figcaption{font-size:12px;line-height:1.9;color:var(--muted);margin-top:21px;text-align:center}.hero{gap:65px;grid-template-columns:1.15fr .85fr}.hero h1{font-size:clamp(35px,3.8vw,54px)}html[dir=ltr] .hero h1{font-size:clamp(34px,3.4vw,49px)}html[dir=ltr] .brand{max-width:240px}html[dir=ltr] .header-inner{gap:20px}html[dir=ltr] .header-inner nav{gap:22px}html[dir=ltr] .button{gap:12px;font-size:15px}html[dir=ltr] .hero .actions{gap:18px}html[dir=ltr] .support-box h2{font-size:32px}
@media(max-width:1000px){.hero{gap:36px}html[dir=ltr] .header-inner{flex-wrap:wrap;padding-block:18px 12px}html[dir=ltr] .header-inner nav{order:3;width:100%;justify-content:space-between}.product-shot>a{box-shadow:8px 10px 0 #e4eadb}}@media(max-width:720px){.hero{grid-template-columns:1fr;gap:35px}.hero h1,html[dir=ltr] .hero h1{font-size:36px}.product-shot{max-width:470px;justify-self:center;width:100%}.product-shot figcaption{font-size:12px;margin-top:18px}.language-nav{padding-block:0 14px;justify-content:center}.language-nav a{min-height:38px}.hero-copy .button{white-space:normal;text-align:center}.hero{padding-top:35px}.support-box h2,html[dir=ltr] .support-box h2{font-size:28px}.header-inner .brand{font-size:13px}html[dir=ltr] .header-cta{font-size:12px}html[dir=ltr] .header-inner nav{gap:9px}.article h1{overflow-wrap:anywhere}}@media print{.language-nav{display:none}}