:root{--primary:#2a7bd0;--primary-dark:#1c5aa3;--navy:#0f2a4a;--bg:#fff;--bg-soft:#f3f7fc;--text:#12161f;--muted:#5b6475;--border:#e2e8f0;--radius:14px;--container:1200px;--header-h:76px;--shadow:0 8px 28px #0f2a4a14}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-cairo), system-ui, sans-serif;color:var(--text);background:var(--bg);line-height:1.9}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}h1,h2,h3{line-height:1.4}.container{width:min(100% - 32px, var(--container));margin-inline:auto}.center{text-align:center;margin-top:28px}.section{padding:72px 0}.section-soft{background:var(--bg-soft)}.btn{font:inherit;cursor:pointer;border:2px solid #0000;border-radius:999px;padding:12px 26px;font-weight:700;transition:all .2s;display:inline-block}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{border-color:var(--primary);color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}.btn-light{color:var(--navy);background:#fff}.btn-outline-light{color:#fff;border-color:#fff}.btn-outline-light:hover{color:var(--navy);background:#fff}.header{z-index:50;background:var(--primary);color:#fff;box-shadow:var(--shadow);position:sticky;top:0}.header-inner{min-height:var(--header-h);justify-content:space-between;align-items:center;gap:16px;display:flex}.logo{flex-direction:column;line-height:1.4;display:flex}.logo strong{font-size:1.05rem}.logo small{opacity:.9;font-size:.75rem}.nav{gap:26px;font-weight:600;display:flex}.nav a,.mobile-nav a{border-bottom:2px solid #0000;padding:4px 0}.nav a:hover,.nav a.active{border-color:#fff}.burger{cursor:pointer;background:0 0;border:0;flex-direction:column;gap:5px;padding:8px;display:none}.burger span{background:#fff;border-radius:2px;width:26px;height:3px}.mobile-menu{background:var(--primary-dark);display:none}.mobile-nav{flex-direction:column;padding:8px 20px 16px;display:flex}.mobile-nav a{border-bottom:1px solid #ffffff26;padding:12px 0}.hero{align-items:center;min-height:78vh;display:flex;position:relative;overflow:hidden}.hero-img{object-fit:cover;z-index:-2}.hero-overlay{z-index:-1;background:linear-gradient(270deg,#ffffffeb 25%,#ffffff8c 60%,#fff0);position:absolute;inset:0}.hero-content{max-width:var(--container)}.hero-content h1{max-width:640px;color:var(--navy);font-size:clamp(1.7rem,4vw,2.8rem)}.hero-content p{color:#1d2a3b;max-width:600px;margin:18px 0 28px;font-size:1.1rem}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-actions.center{justify-content:center}.section-heading{text-align:center;margin-bottom:40px}.section-heading h2{color:var(--navy);font-size:clamp(1.5rem,3vw,2.1rem)}.section-heading p{color:var(--muted);margin-top:8px}.about-preview{text-align:center;max-width:820px}.about-preview p{color:var(--muted);margin-bottom:24px}.grid{gap:22px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:26px}.card h3{color:var(--navy);margin-bottom:8px}.card p{color:var(--muted);font-size:.96rem}.icon{margin-bottom:10px;font-size:2rem;display:block}.cta{background:linear-gradient(135deg, var(--navy), var(--primary));color:#fff;text-align:center;padding:64px 0}.cta p{opacity:.9;margin:8px 0 24px}.product{flex-direction:column;gap:6px;display:flex}.product .btn{text-align:center;margin-top:auto}.product-thumb{height:120px;color:var(--primary);background:var(--bg-soft);border-radius:10px;place-items:center;font-size:2.6rem;font-weight:800;display:grid}.tag{background:var(--bg-soft);color:var(--primary-dark);border-radius:999px;align-self:flex-start;padding:2px 12px;font-size:.75rem}.filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:32px;display:flex}.filters button{font:inherit;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;padding:8px 22px}.filters button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-hero{background:linear-gradient(135deg, var(--navy), var(--primary));color:#fff;padding:56px 0}.page-hero p{opacity:.9}.breadcrumbs{opacity:.85;margin-bottom:8px;font-size:.85rem}.prose{max-width:820px}.prose h2{color:var(--navy);margin:28px 0 8px}.prose p{color:var(--muted)}.contact-grid{grid-template-columns:2fr 1fr;align-items:start;gap:28px;display:grid}.form{gap:16px;display:grid}.form label{gap:6px;font-weight:600;display:grid}.form input,.form textarea{font:inherit;border:1px solid var(--border);border-radius:10px;padding:12px 14px}.form input:focus,.form textarea:focus{outline:2px solid var(--primary);border-color:#0000}.info li{color:var(--muted);margin-top:10px}.footer{background:var(--navy);color:#cfd9e8;padding-top:56px}.footer-grid{grid-template-columns:1.1fr .8fr 1.1fr;align-items:start;gap:32px;display:grid}.footer h3,.footer h4{color:#fff;margin-bottom:12px}.footer li{margin-bottom:6px}.footer a:hover{color:#fff;text-decoration:underline}.copyright{text-align:center;border-top:1px solid #ffffff1f;margin-top:40px;padding:18px 12px;font-size:.85rem}.wa-float{bottom:20px;z-index:60;color:#fff;box-shadow:var(--shadow);background:#25d366;border-radius:999px;padding:12px 20px;font-weight:700;position:fixed;inset-inline-start:20px}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.contact-grid,.footer-grid{grid-template-columns:1fr}.nav{display:none}.burger{display:flex}.mobile-menu.open{display:block}.hero-overlay{background:#ffffffd1}}@media (max-width:560px){.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:48px 0}}.hero{min-height:0;padding:0 14px 14px;display:block;overflow:visible}.hero-card{isolation:isolate;text-align:center;border-radius:28px;justify-content:center;align-items:center;min-height:clamp(480px,78vh,780px);padding:48px 24px;display:flex;position:relative;overflow:hidden}.hero-overlay{background:#0000008c}.hero-content{max-width:820px;margin-inline:auto;padding:0}.hero-content h1{color:#fff;max-width:none;font-size:clamp(1.8rem,4.5vw,3.2rem);font-weight:600}.hero-content p{color:#ffffffeb;max-width:640px;margin:18px auto 28px}.hero-actions{justify-content:center}.hero .btn-light{border-radius:8px;padding:14px 32px}.header{color:var(--text);box-shadow:none;background:#fff;padding-block:6px}.logo small{color:var(--muted)}.nav a:hover,.nav a.active{border-color:var(--primary);color:var(--primary)}.burger span{background:var(--text)}.mobile-menu{border-top:1px solid var(--border);background:#fff}.mobile-nav a{border-bottom-color:var(--border)}@media (max-width:900px){.hero{padding:0 10px 10px}.hero-card{border-radius:20px;min-height:460px}.hero-overlay{background:#0000008c}}.hero{padding:24px 0 40px!important}.hero-card{border-radius:32px!important;width:min(100% - 160px,1280px)!important;margin-inline:auto!important;overflow:hidden!important}@media (max-width:900px){.hero-card{border-radius:24px!important;width:calc(100% - 48px)!important}}@media (max-width:560px){.hero{padding:16px 0 24px!important}.hero-card{border-radius:20px!important;width:calc(100% - 32px)!important}}.footer-map{border:1px solid #ffffff26;border-radius:14px;width:100%;height:200px;overflow:hidden}.footer-map iframe{border:0;width:100%;height:100%;display:block}@media (max-width:900px){.footer-map{height:240px}}.copyright{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 24px;display:flex}.copyright .credit a{color:#fff;font-weight:700;text-decoration:none}.copyright .credit a:hover{text-decoration:underline}.copyright .sep{opacity:.5}.footer-logo{margin-bottom:14px;display:inline-block}.footer-logo img{width:auto;height:64px;display:block}.footer-grid>div:first-child{max-width:320px}.footer-grid>div:first-child p{margin:0;font-size:15px;line-height:1.9}.footer-logo{margin-bottom:12px}.footer-logo img{width:auto;height:52px}.header .logo{align-items:center;display:inline-flex}.header .logo img{width:auto;height:56px;display:block}@media (max-width:700px){.header .logo img{height:46px}}.header .logo{flex:none}.header .logo img{object-fit:contain;width:auto;max-width:180px;height:48px}.header-inner{gap:24px}.header .logo{flex-direction:row;gap:12px}.header .logo-text{flex-direction:column;line-height:1.4;display:flex}.header .logo-text strong{color:var(--navy);font-size:1.05rem}.header .logo-text small{color:var(--muted);font-size:.75rem}@media (max-width:700px){.header .logo-text small{display:none}.header .logo-text strong{font-size:.9rem}}.fab-stack{z-index:60;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:22px;right:20px}.fab{color:#fff;cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .25s,box-shadow .25s,opacity .25s;display:flex;box-shadow:0 10px 24px #0b2e6347}.fab:hover{transform:translateY(-4px)scale(1.06);box-shadow:0 16px 30px #0b2e6359}.fab-wa{background:#25d366;position:relative}.fab-wa:after{content:"";border:2px solid #25d366;border-radius:50%;animation:2s ease-out infinite fabPulse;position:absolute;inset:0}.fab-top{z-index:60;opacity:0;visibility:hidden;background:#0b2e63;position:fixed;bottom:22px;left:20px;transform:translateY(16px)}.fab-top.show{opacity:1;visibility:visible;transform:none}.fab-top.show:hover{transform:translateY(-4px)scale(1.06)}@keyframes fabPulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}@media (max-width:700px){.fab{width:50px;height:50px}.fab-stack{bottom:16px;right:14px}.fab-top{bottom:16px;left:14px}}a[class*=cta],button[class*=cta],.cta,.btn,.btn-primary,a[class*=btn],button[class*=btn]{transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;color:#fff!important;background:#1d6fe8!important;border:none!important}a[class*=cta]:hover,button[class*=cta]:hover,.cta:hover,.btn:hover,.btn-primary:hover,a[class*=btn]:hover,button[class*=btn]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1d6fe873;color:#fff!important;background:#1d6fe8!important}a[class*=cta]:after,button[class*=cta]:after,.cta:after,.btn:after,.btn-primary:after,a[class*=btn]:after,button[class*=btn]:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000,#ffffff8c,#0000);width:50%;height:100%;position:absolute;top:0;left:-75%;transform:skew(-20deg)}a[class*=cta]:hover:after,button[class*=cta]:hover:after,.cta:hover:after,.btn:hover:after,.btn-primary:hover:after,a[class*=btn]:hover:after,button[class*=btn]:hover:after{transition:left .7s;left:130%}@media (max-width:700px){.header .logo{flex:auto;min-width:0}.header .logo img{display:none!important}.header .logo-text{min-width:0;display:flex!important}.header .logo-text strong{white-space:normal;font-size:1rem;line-height:1.4}.header .logo-text small{white-space:normal;font-size:.72rem;display:block!important}.header .burger{flex:none;display:flex!important}}.header{position:sticky}.mobile-menu{z-index:99;position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 24px #0b2e6326}a:has(>.brandText){color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}.brandText{flex-direction:column;line-height:1.3;display:flex}.brandName{font-size:1.1rem;font-weight:700}.brandTagline{opacity:.8;max-width:260px;font-size:.75rem}:has(>.brandText){color:inherit;gap:1rem;text-decoration:none;flex-direction:row!important;align-items:center!important;display:flex!important}:has(>.brandText)>img{flex-shrink:0;width:72px;height:auto}.brandText{flex-direction:column;gap:.25rem;line-height:1.35;display:flex}.brandName{white-space:nowrap;font-size:1.9rem;font-weight:800}.brandTagline{opacity:.85;width:24em;max-width:100%;font-size:.95rem;font-weight:500}.footerBrand{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.footerBrand img{flex-shrink:0;width:56px;height:auto}.brandTagline{white-space:pre-line;width:auto;max-width:none}:has(>.brandText){gap:1.25rem}:has(>.brandText)>img{width:110px;height:auto}.brandName{font-size:2.6rem;line-height:1.2}.brandTagline{font-size:1.3rem;line-height:1.5}@media (max-width:900px){:has(>.brandText)>img{width:90px}.brandName{white-space:normal;font-size:2rem}.brandTagline{font-size:1.15rem}}@media (max-width:480px){:has(>.brandText)>img{width:72px}.brandName{font-size:1.6rem}.brandTagline{font-size:1rem}}.footerLogo{width:120px;height:auto;margin-bottom:.75rem;display:block}.topBar{color:#0b3b8c;background:#fff;border-bottom:1px solid #e5e7eb;font-size:.9rem}.topBarInner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:.5rem 1rem;display:flex}.topBarInfo,.topBarSocial{flex-wrap:wrap;align-items:center;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.topBarInfo li{align-items:center;gap:.4rem;display:flex}.topBarInfo li+li{border-inline-start:1px solid #cbd5e1;padding-inline-start:1.25rem}.topBar a{color:inherit;text-decoration:none}.topBar a:hover{opacity:.7}.topBarSocial a{display:flex}@media (max-width:700px){.topBarInner{justify-content:center}.topBarInfo{justify-content:center;gap:.75rem}.topBarInfo li+li{border-inline-start:0;padding-inline-start:0}}.topBarInner{flex-direction:row-reverse}.headerCta{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.ctaBtn{color:#fff;white-space:nowrap;background:#0b3b8c;border-radius:999px;align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex;position:relative}.ctaBtn:hover{background:#1d6fe0;transform:translateY(-1px)}.ctaNum{top:-8px;color:#000;background:#f59e0b;border-radius:999px;place-items:center;width:18px;height:18px;font-size:.7rem;font-weight:800;display:grid;position:absolute;inset-inline-end:-4px}@media (max-width:1100px){.headerCta{display:none}}.ctaBtn{border-radius:4px}.siteTop{z-index:50;background:#fff;transition:background .3s,box-shadow .3s;position:sticky;top:0}html[data-hero="1"] .siteTop{position:fixed;top:0;left:0;right:0}html[data-hero="1"]:not([data-solid="1"]) .siteTop{background:0 0}html[data-hero="1"]:not([data-solid="1"]) .siteTop .topBar,html[data-hero="1"]:not([data-solid="1"]) .siteTop header{box-shadow:none!important;background:0 0!important;border-color:#ffffff40!important}html[data-hero="1"]:not([data-solid="1"]) .siteTop :is(a,li,span,strong,small):not(.ctaBtn):not(.ctaBtn *){color:#fff!important}html[data-hero="1"][data-solid="1"] .siteTop{background:#fff;box-shadow:0 2px 14px #0000001f}:root{--primary:#f58220;--primary-dark:#d96c0f;--navy:#0b2447}.header{border-bottom:3px solid #f58220;background:#0b2447!important}.header a,.header .brandName,.header .brandTagline{color:#fff}.header .brandTagline{opacity:.8}.header .nav a{color:#fff}a[class*=cta],button[class*=cta],.cta,.btn,.btn-primary,a[class*=btn],button[class*=btn]{background-image:none}.headerCta{color:#fff!important;background:#f58220!important}.headerCta:hover{background:#d96c0f!important}html[data-hero] .siteTop,.siteTop{position:relative!important;inset:auto!important}.topBar{position:relative!important}.header{border-bottom:3px solid #f58220;color:#0b2447!important;background:#fff!important;position:sticky!important;top:0!important;box-shadow:0 4px 16px #0b244714!important}.header a,.header .brandName,.header .logo-text strong{color:#0b2447!important}.header .brandTagline{opacity:1;color:#5b6475!important}.header .nav a:hover,.header .nav a.active{color:#f58220!important;border-color:#f58220!important}.header .burger span{background:#0b2447!important}main{margin-top:0!important;padding-top:0!important}a[class*=btn],button[class*=btn],.btn,.btn-primary{box-shadow:none!important;background:#0b2447!important}a[class*=btn]:hover,button[class*=btn]:hover,.btn:hover,.btn-primary:hover{background:#f58220!important;box-shadow:0 8px 20px #f5822066!important}.ctaBtn{color:#fff!important;background:#f58220!important}.ctaBtn:hover{background:#d96c0f!important}.ctaNum{color:#fff!important;background:#0b2447!important}.fab-tel{background:#f58220!important}
