:root{--navy:#08263e;--blue:#075687;--cyan:#06b8e5;--ice:#edf8fc;--text:#17374c;--muted:#758691;--line:#dce8ed;--wa:#25d366}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;font-family:'IBM Plex Sans Arabic',sans-serif;color:var(--text);background:white;font-size:18px;line-height:1.9}html[lang=en] body{font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}svg.solid{fill:currentColor;stroke:none}img{max-width:100%}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:-100px;background:white;z-index:100;padding:12px}.skip:focus{top:0}header{position:sticky;top:0;z-index:40;background:white}.header-inner{height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:block;width:285px;flex-shrink:0}.brand img{width:100%;height:auto;display:block}.desktop-nav{display:flex;gap:25px;font-size:14px;font-weight:500}.desktop-nav a:hover{color:var(--cyan)}.header-controls{display:flex;gap:10px}.header-controls button{height:44px;min-width:44px;border:1px solid var(--line);background:white;font-size:13px;font-weight:700;color:var(--navy)}#menu-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px}#menu-toggle span{width:21px;height:2px;background:currentColor}.header-wave{position:absolute;top:calc(100% - 1px);height:25px;width:100%;fill:white;stroke:none;transform:rotate(180deg);pointer-events:none}#mobile-menu{position:absolute;top:100%;inset-inline:0;padding:20px 7% 30px;background:white;box-shadow:0 20px 30px #08263e15}#mobile-menu a{display:block;border-bottom:1px solid var(--line);padding:10px 0}[hidden]{display:none!important}.hero{background:var(--ice);position:relative;overflow:hidden;padding:80px 0 100px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;min-height:590px}.hero-kicker{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:11px;letter-spacing:2px;font-weight:700;color:var(--blue)}.hero-kicker i{height:7px;width:7px;border-radius:50%;background:var(--cyan)}h1{font-size:clamp(60px,6vw,86px);line-height:1.35;letter-spacing:-1px;margin:25px 0}.accent{color:var(--cyan)}.hero-copy>p{max-width:500px;font-size:20px;color:#607b8c;line-height:2}.actions{display:flex;gap:15px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:59px;padding:12px 28px;font-weight:600;font-size:16px;transition:background .2s}.primary{background:var(--navy);color:white}.primary:hover{background:var(--blue)}.secondary{border:1px solid #9dbcca}.secondary:hover{background:white}.hero-bottom{border-top:1px solid #c7e0ea;display:flex;align-items:center;gap:25px;margin-top:40px;padding-top:20px;font-size:13px;color:var(--blue)}.hero-bottom>span{font-family:Manrope,sans-serif;font-size:11px}.hero-art{position:relative;height:560px;direction:ltr}.hero-big{position:absolute;top:12px;left:10%;width:82%;background:white;border-radius:190px 190px 20px 20px;padding:35px 30px 25px;box-shadow:0 15px 60px #3e9ebc12;text-align:center;transform:rotate(-7deg);z-index:2}.hero-big>span{font:9px Manrope,sans-serif;letter-spacing:2px;color:#6c8390}.hero-big img{height:320px;width:100%;object-fit:contain;display:block}.hero-big>div{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:15px}.hero-big>div strong{font:700 22px Manrope,sans-serif;color:var(--navy)}.hero-big>div span{font-size:11px;color:var(--muted)}.hero-small{position:absolute;bottom:0;left:-2%;width:230px;background:white;padding:23px;z-index:3;transform:rotate(7deg);border:7px solid var(--ice);border-radius:14px}.hero-small img{width:100%;height:150px;object-fit:contain;display:block}.hero-small span{font:8px Manrope,sans-serif;letter-spacing:1.7px;display:block;margin-top:12px;text-align:center}.orbit{position:absolute;border:1px solid #43bde24d;border-radius:50%;width:520px;height:520px;top:10px;left:0;transform:rotate(35deg)}.orbit-two{height:450px;width:600px;left:-30px;top:60px;transform:rotate(-35deg)}.hero-stamp{position:absolute;right:-20px;bottom:25px;border-radius:50%;width:110px;height:110px;background:var(--cyan);display:flex;align-items:center;justify-content:center;gap:7px;color:var(--navy);z-index:4;font:800 32px Manrope,sans-serif;transform:rotate(-10deg)}.hero-stamp span{font-size:10px;line-height:1.25}.hero-vertical{position:absolute;right:-50px;top:250px;writing-mode:vertical-rl;letter-spacing:3px;font:9px Manrope,sans-serif;color:#6091a3}.hero-wave{position:absolute;bottom:-1px;height:45px;width:100%;fill:white;stroke:none}.category-band{border-bottom:1px solid var(--line);padding:25px 0}.category-band>.wrap{display:grid;grid-template-columns:repeat(3,1fr)}.category-band a{display:flex;align-items:center;justify-content:center;gap:16px;border-inline-end:1px solid var(--line);font-weight:500;font-size:16px}.category-band a:last-child{border:0}.category-band svg{color:var(--blue)}.category-band b{font:10px Manrope,sans-serif;color:var(--muted);margin-inline-start:14px}.section{padding-block:105px}.eyebrow{display:flex;align-items:center;gap:15px;margin-bottom:30px;color:var(--blue);font-size:14px;font-weight:600}.eyebrow>span:first-child{font:10px Manrope,sans-serif;letter-spacing:1px}.eyebrow i{height:1px;width:40px;background:var(--cyan)}h2{font-size:clamp(36px,3.8vw,54px);line-height:1.55;letter-spacing:-.5px;margin:0 0 28px;color:var(--navy)}p{line-height:2;color:var(--muted);margin:20px 0}.muted-title{color:#83a8ba}.who-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.who-copy p:first-child{margin-top:0}.lead{font-size:22px}.small-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.small-tags span{font-size:13px;border:1px solid var(--line);padding:6px 14px;color:var(--blue)}.about{background:#f7fafc}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.about-image{position:relative;background:white;border-radius:4px;overflow:hidden}.about-image img{width:100%;height:420px;object-fit:contain;padding:25px 45px;display:block}.about-image-caption{background:var(--navy);color:white;padding:22px 28px;display:flex;justify-content:space-between;align-items:center;gap:15px}.about-image-caption>span{font:8px Manrope,sans-serif;letter-spacing:1.5px;color:var(--cyan)}.about-image-caption strong{font-size:17px;font-weight:500}.about-copy p{font-size:18px}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:16px;font-weight:500;color:var(--blue);margin-top:10px}.text-link:hover{color:var(--cyan)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:45px}.section-top h2{margin:0}.section-top>p{max-width:390px;margin:0;font-size:18px}.goals-list{border-top:1px solid var(--line);margin-top:50px}.goals-list article{display:flex;gap:35px;align-items:center;padding:32px 0;border-bottom:1px solid var(--line)}.goal-no{font:12px Manrope,sans-serif;color:#9bb0be}.goals-list svg{height:39px;width:39px;color:var(--blue)}.goals-list h3{font-size:24px;margin:0 0 6px}.goals-list p{font-size:17px;margin:0}.goal-arrow{font-size:24px;color:var(--cyan);margin-inline-start:auto}.gallery{background:#f0f6f9}.filters{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #bfd4de;padding-bottom:20px;margin-top:45px}.filters button{border:1px solid #ccdde5;background:transparent;color:#4b6e82;display:flex;align-items:center;gap:30px;padding:12px 22px;font-size:15px;flex:1;justify-content:space-between;transition:all .2s}.filters button small{font:10px Manrope,sans-serif;opacity:.6}.filters button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:white}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;color:#70899a;font-size:13px}.gallery-toolbar small{font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.product{background:white;border:1px solid #e3edf2;transition:transform .25s,box-shadow .25s}.product:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0a35560a}.product-photo{width:100%;height:310px;border:0;padding:35px;background:white;position:relative;display:block}.product-photo img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.product-photo:hover img{transform:scale(1.04)}.image-number{position:absolute;top:18px;inset-inline-start:20px;font:10px Manrope,sans-serif;color:#9aafba}.zoom{position:absolute;bottom:13px;inset-inline-end:18px;border:1px solid var(--line);width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#7f9ead}.zoom svg{width:16px;height:16px}.product-details{border-top:1px solid #edf3f6;padding:23px 25px}.product-brand{font:700 12px Manrope,sans-serif;letter-spacing:.5px;color:var(--blue);margin-bottom:10px}.product h3{margin:0 0 9px;font-weight:600;font-size:19px;line-height:1.6}.product-details>small{font-size:12px;color:#8c9da8}.gallery-note{font-size:14px;margin:25px 0 0;color:#8299a7}.vision{background:white}.vision-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.vision-layout>div:last-child{padding-top:30px;border-top:2px solid var(--cyan)}.vision-layout p{font-size:21px;line-height:2.1}.vision-layout .vision-en{font:9px Manrope,sans-serif;letter-spacing:2px;color:#7ca9bc;margin:30px 0 0}.contact{background:var(--navy);color:white;padding-bottom:140px}.contact .eyebrow{color:#a1d3e6}.contact h2{color:white}.contact p{color:#abc3d1}.contact-top{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-bottom:65px;align-items:center}.contact-top p{margin-top:0;font-size:19px}.whatsapp-button{background:var(--wa)!important;color:white!important;min-height:54px;font-size:15px}.whatsapp-button svg{height:22px;width:22px}.contact-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;border:1px solid #ffffff25}.phone-panel,.branch{padding:35px;border-inline-end:1px solid #ffffff25}.branch:last-child{border:0}.phone-panel h3{font-size:19px;color:#c9e4ee;margin:0 0 22px}.phone-panel a{display:flex;align-items:center;gap:13px;padding:13px 0;font-family:Manrope,sans-serif;font-size:20px}.phone-panel a svg{height:20px;width:20px;color:var(--cyan)}.phone-panel a svg:last-child{margin-inline-start:auto;width:18px}.branch>svg{width:30px;height:30px;color:var(--cyan);display:block;margin-bottom:20px}.branch>small{font-size:12px;color:#97bdce}.branch h3{font-size:25px;margin:3px 0 0}.branch p{font-size:16px;margin:3px 0}.branch .text-link{color:#b1d9e7;font-size:12px;margin-top:15px}.branch .text-link svg{width:17px}footer{background:#f4fafc;position:relative;padding:65px 0 25px}.footer-wave{position:absolute;bottom:calc(100% - 1px);height:50px;width:100%;fill:#f4fafc;stroke:none}.footer-grid{display:grid;grid-template-columns:1.5fr .65fr 1fr;gap:75px}.footer-company .brand{width:340px;max-width:100%}.footer-company h3{font-size:17px;margin:23px 0 15px}.footer-company p{font-size:15px;max-width:430px;line-height:2;margin:0}.socials{display:flex;gap:10px;margin-top:25px}.socials>a,.socials>span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line)}.wa-social{background:var(--wa);color:white;border-color:var(--wa)!important}.facebook-pending{color:var(--blue);opacity:.4}.footer-nav h3,.footer-contacts h3{font-size:18px;margin:8px 0 25px}.footer-nav>a{display:block;font-size:15px;color:#6f8999;margin:8px 0}.footer-contacts>a{display:block;font:600 18px Manrope,sans-serif;margin:15px 0;text-align:start}.footer-contacts p{font-size:14px;line-height:1.9}.footer-bottom{margin-top:55px;border-top:1px solid var(--line);padding-top:23px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#8a9eaa}.floating-wa{position:fixed;left:22px;bottom:22px;z-index:50;display:flex;align-items:center;justify-content:center;width:62px;height:62px;border:3px solid white;border-radius:50%;background:#25d366!important;color:white!important;box-shadow:0 8px 30px #08263e26}.floating-wa svg{height:32px;width:32px}.floating-wa:hover{background:#1ebc59!important}dialog{border:0;background:white;width:min(720px,calc(100% - 32px));max-height:90dvh;text-align:center;padding:48px 25px 20px}dialog::backdrop{background:#041c2be0}dialog img{width:100%;height:60dvh;object-fit:contain}dialog p{font-size:18px;margin:10px 0}.close-lightbox{position:absolute;top:4px;inset-inline-end:13px;font-size:34px;color:var(--navy);background:transparent;border:0}html[dir=ltr] .text-link svg,html[dir=ltr] .primary svg,html[dir=ltr] .phone-panel a svg:last-child{transform:rotate(180deg)}
@media(max-width:1150px){.desktop-nav{display:none}#menu-toggle{display:flex}.hero-grid{gap:35px}.hero-art{height:500px}.hero-big img{height:280px}.hero-small{width:190px}.hero-small img{height:125px}.orbit{width:400px;height:450px}.orbit-two{width:470px;height:380px}.hero-vertical{right:-22px}.hero-stamp{right:0;width:90px;height:90px;font-size:25px}.who-layout,.about-layout{gap:50px}.footer-grid{gap:45px}.contact-top{gap:50px}.phone-panel,.branch{padding:27px}.phone-panel a{font-size:17px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}body{font-size:17px}html{scroll-padding-top:110px}.header-inner{height:91px;gap:15px}.brand{width:230px;max-width:calc(100% - 104px)}.header-controls{gap:7px;flex-direction:row-reverse}.header-controls button{height:40px;min-width:40px;font-size:12px}.header-wave{height:18px}.hero{padding:70px 0 65px}.hero-grid{grid-template-columns:1fr;gap:38px;min-height:0}.hero-kicker{font-size:9px;letter-spacing:1.5px}h1{font-size:61px;line-height:1.35;margin:24px 0;letter-spacing:-1px}.hero-copy>p{font-size:18px;line-height:1.95}.actions{gap:12px;margin-top:28px}.button{min-height:53px;padding:11px 23px;font-size:15px;gap:13px}.button svg{height:21px;width:21px}.hero-bottom{margin-top:28px;padding-top:18px;font-size:12px}.hero-art{height:420px;margin:0 5px}.hero-big{top:5px;left:14%;width:78%;padding:25px 23px 22px;border-radius:155px 155px 15px 15px}.hero-big img{height:240px}.hero-big>span{font-size:7px}.hero-big>div strong{font-size:18px}.hero-big>div span{font-size:10px}.hero-small{bottom:0;left:-2%;width:170px;padding:17px;border-width:5px}.hero-small img{height:105px}.hero-small span{font-size:6px;letter-spacing:1px}.orbit{width:330px;height:350px;top:35px;left:0}.orbit-two{width:390px;height:300px;left:-30px;top:90px}.hero-stamp{bottom:10px;right:0;width:80px;height:80px;font-size:23px}.hero-stamp span{font-size:8px}.hero-vertical{font-size:7px;right:-13px;top:210px}.hero-wave{height:28px}.category-band{padding:18px 0}.category-band>.wrap{grid-template-columns:1fr 1fr 1fr;gap:10px}.category-band a{font-size:11px;line-height:1.6;gap:8px;flex-direction:column;text-align:center;padding-inline:5px}.category-band a svg{width:23px;height:23px}.category-band a b{display:none}.section{padding-block:70px}.eyebrow{font-size:13px;margin-bottom:24px;gap:12px}.eyebrow i{width:32px}h2{font-size:35px;line-height:1.6;letter-spacing:-.3px}.who-layout{grid-template-columns:1fr;gap:10px}.who-layout h2{margin-bottom:15px}.lead{font-size:20px}.small-tags{gap:8px}.small-tags span{font-size:12px;padding:5px 12px}.about-layout{grid-template-columns:1fr;gap:35px}.about-image img{height:320px;padding:20px 35px}.about-image-caption{padding:18px 21px}.about-image-caption strong{font-size:15px}.about-image-caption>span{font-size:7px}.about-copy p{font-size:18px}.section-top{display:block;margin-bottom:32px}.section-top>p{font-size:17px;margin:22px 0 0}.goals-list{margin-top:35px}.goals-list article{gap:17px;padding:27px 0;align-items:start}.goal-no{font-size:10px;padding-top:8px}.goals-list svg{height:30px;width:30px;margin-top:5px}.goals-list h3{font-size:22px}.goals-list p{font-size:16px;line-height:1.9}.goal-arrow{display:none}.filters{gap:8px;margin-top:30px;padding-bottom:18px}.filters button{flex-basis:calc(50% - 8px);padding:12px 15px;font-size:13px;gap:10px}.gallery-toolbar{font-size:12px;padding:17px 0}.gallery-toolbar small{font-size:10px}.product-grid{grid-template-columns:1fr;gap:22px}.product-photo{height:320px;padding:33px}.product-details{padding:22px 25px}.product h3{font-size:21px}.product-brand{font-size:13px}.product-details>small{font-size:12px}.gallery-note{font-size:12px;line-height:2}.vision-layout{grid-template-columns:1fr;gap:30px}.vision-layout h2{font-size:36px;margin-bottom:20px}.vision-layout .vision-en{font-size:8px;letter-spacing:1.4px;margin-top:22px}.vision-layout>div:last-child{padding-top:10px}.vision-layout p{font-size:19px}.contact{padding-bottom:100px}.contact-top{grid-template-columns:1fr;gap:5px;margin-bottom:35px}.contact-top h2{font-size:38px}.contact-top p{font-size:18px}.contact-grid{grid-template-columns:1fr}.phone-panel,.branch{border-inline-end:0;border-bottom:1px solid #ffffff25;padding:27px}.phone-panel a{font-size:22px;padding:12px 0}.phone-panel h3{font-size:18px}.branch h3{font-size:26px}.branch p{font-size:17px}.branch>small{font-size:13px}.branch>svg{margin-bottom:13px}.branch .text-link{font-size:13px}footer{padding:45px 0 25px}.footer-wave{height:35px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 25px}.footer-company{grid-column:1/-1}.footer-company .brand{width:320px;max-width:100%}.footer-company h3{font-size:18px;margin-top:22px}.footer-company p{font-size:16px}.footer-nav h3,.footer-contacts h3{font-size:17px;margin:0 0 20px}.footer-nav>a{font-size:14px}.footer-contacts>a{font-size:17px}.footer-contacts p{font-size:13px}.footer-bottom{flex-direction:column;gap:10px;font-size:11px;margin-top:35px}.floating-wa{width:59px;height:59px;left:17px;bottom:17px}.floating-wa svg{height:31px;width:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.sports-brands{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-block:1px solid var(--line)}.sports-brands strong{font-size:14px;font-weight:500;color:var(--blue)}.brand-chips{display:flex;flex-wrap:wrap;gap:8px}.brand-chips button{font:600 11px Manrope,sans-serif;color:#52738a;border:1px solid var(--line);background:#f8fcfe;padding:9px 13px}.brand-chips button:hover{color:var(--blue);border-color:var(--cyan)}@media(max-width:700px){.sports-brands{display:block;padding:18px 0;border-block:1px solid var(--line)}.brand-chips{margin-top:13px;gap:7px}.brand-chips button{font-size:10px;padding:8px 10px}.sports-brands strong{font-size:13px}}

.category-band>.wrap{grid-template-columns:repeat(2,1fr)}

.category-band>.wrap{grid-template-columns:repeat(3,1fr)}
