:root{--navy:#00283f;--navy-2:#001b2b;--teal:#00a69c;--teal-dark:#008a82;--beige:#d8b19b;--sand:#f4e8e1;--ink:#153243;--muted:#667985;--line:#dce7e9;--surface:#f6f9f9;--white:#fff;--shadow:0 18px 50px rgba(0,40,63,.1);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Tajawal",Tahoma,Arial,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.8}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.topbar{background:var(--navy);color:#dce8ec;font-size:.88rem}.topbar-inner{height:38px;display:flex;align-items:center;justify-content:space-between}.topbar a{color:#fff}.topbar-inner>div{display:flex;align-items:center;gap:12px}.dot{width:4px;height:4px;background:var(--teal);border-radius:50%}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,40,63,.08);transition:.25s}.site-header.scrolled{box-shadow:0 10px 35px rgba(0,40,63,.09)}.nav-wrap{height:88px;display:flex;align-items:center;gap:34px}.brand{width:240px;height:76px;display:flex;align-items:center;overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain}.main-nav{display:flex;align-items:center;gap:28px;margin-inline-start:auto}.main-nav a{font-weight:600;color:#355364;position:relative;padding:30px 0}.main-nav a:after{content:"";position:absolute;bottom:17px;right:0;width:0;height:3px;border-radius:4px;background:var(--teal);transition:.25s}.main-nav a:hover,.main-nav a.active{color:var(--navy)}.main-nav a.active:after,.main-nav a:hover:after{width:100%}.nav-cta{background:var(--navy);color:#fff;padding:11px 20px;border-radius:12px;font-weight:700;transition:.2s}.nav-cta:hover{background:var(--teal)}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{width:27px;height:2px;background:var(--navy);display:block;margin:5px}
.hero{height:min(690px,72vh);min-height:570px;position:relative;background:var(--navy);overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s;background-image:var(--hero-image);background-size:cover;background-position:center}.hero-slide.active{opacity:1;visibility:visible}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,40,63,.03),rgba(0,40,63,.32) 48%,rgba(0,24,38,.95) 100%)}.hero-content{height:100%;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#fff;padding-inline-start:55%}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#82ddd7;font-weight:700;font-size:.93rem;margin-bottom:12px}.eyebrow:before{content:"";width:28px;height:2px;background:currentColor}.eyebrow.dark{color:var(--teal-dark)}.hero h1{font-size:clamp(2.6rem,5vw,5rem);line-height:1.14;margin:0 0 20px;max-width:650px;letter-spacing:-1px}.hero p{font-size:1.2rem;color:#d9e5e8;max-width:580px;margin:0 0 30px}.hero-actions{display:flex;gap:12px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:13px;padding:13px 25px;font-weight:800;cursor:pointer;transition:.22s;min-height:50px}.btn-primary{background:var(--teal);color:var(--navy)}.btn-primary:hover{background:#16bdb2;transform:translateY(-2px)}.btn-ghost{border:1px solid rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.06)}.btn-ghost:hover{background:#fff;color:var(--navy)}.btn-light{background:#fff;color:var(--navy)}.btn-light:hover{background:var(--sand);transform:translateY(-2px)}.btn-outline{border:1px solid var(--line);color:var(--navy);background:#fff}.slider-dots{position:absolute;z-index:4;bottom:28px;right:50%;display:flex;gap:7px}.slider-dots button{width:9px;height:9px;border-radius:20px;border:0;background:#fff8;padding:0;cursor:pointer;transition:.25s}.slider-dots button.active{width:28px;background:var(--teal)}
.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);min-height:105px}.trust-grid div{padding:20px 8%;display:flex;flex-direction:column;justify-content:center;border-inline-start:1px solid var(--line)}.trust-grid div:last-child{border-inline-end:1px solid var(--line)}.trust-grid b{color:var(--navy);font-size:1.05rem}.trust-grid span{color:var(--muted);font-size:.92rem}.section{padding:95px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}.section-heading h2,.about-copy h2,.story-grid h2{font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.25;color:var(--navy);margin:0}.section-heading>a,.text-link{color:var(--teal-dark);font-weight:800}.section-heading>a span,.text-link span{font-size:1.35em;margin-inline-start:6px}.section-heading>p{max-width:430px;color:var(--muted);margin:0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-card{position:relative;background:var(--surface);border:1px solid #e8eeee;border-radius:var(--radius);padding:28px;min-height:270px;overflow:hidden;transition:.3s}.category-card:hover{background:var(--navy);color:#fff;transform:translateY(-7px);box-shadow:var(--shadow)}.category-no{position:absolute;left:20px;top:14px;font-size:3rem;font-weight:800;color:#e2eaec;line-height:1}.category-icon{width:56px;height:56px;border-radius:17px;background:var(--sand);color:var(--navy);display:grid;place-items:center;font-size:1.6rem;font-weight:800;margin-bottom:35px}.category-card h3{font-size:1.3rem;margin:0 0 7px;color:var(--navy)}.category-card p{color:var(--muted);margin:0;line-height:1.65}.category-card:hover h3,.category-card:hover p{color:#fff}.round-arrow{position:absolute;bottom:22px;left:23px;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--teal)}.about-preview{background:#fff}.about-preview-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:center}.about-visual{position:relative;border-radius:30px;overflow:visible}.about-visual img{border-radius:30px;aspect-ratio:5/4;object-fit:cover;object-position:left}.experience-badge{position:absolute;bottom:-25px;left:-25px;width:165px;height:165px;border-radius:50%;background:var(--teal);border:10px solid #fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--navy)}.experience-badge strong{font-size:1.55rem}.about-copy>p,.story-grid p{color:var(--muted);font-size:1.08rem}.check-list{list-style:none;padding:0;margin:26px 0}.check-list li{padding:8px 35px 8px 0;position:relative;font-weight:600}.check-list li:before{content:"✓";position:absolute;right:0;top:7px;width:24px;height:24px;border-radius:50%;background:#d8f4f1;color:var(--teal-dark);display:grid;place-items:center;font-size:.8rem}
.featured-products,.soft-section{background:var(--surface)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.3s}.product-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:transparent}.product-image{position:relative;display:block;aspect-ratio:1/1;background:#edf3f4;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.product-card:hover .product-image img{transform:scale(1.05)}.product-placeholder{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 70% 25%,var(--beige),transparent 30%),linear-gradient(145deg,#e7f2f2,#c8dfdf);color:var(--navy)}.product-placeholder span{width:92px;height:92px;background:#fff9;border-radius:50%;display:grid;place-items:center;font-size:3rem;font-weight:800;box-shadow:0 15px 35px #00283f19}.featured-badge{position:absolute;top:14px;right:14px;background:var(--teal);color:var(--navy);padding:5px 12px;border-radius:30px;font-size:.78rem;font-weight:800}.product-body{padding:20px}.product-category{font-size:.82rem;color:var(--teal-dark);font-weight:700;display:block;margin-bottom:5px}.product-body h3{font-size:1.18rem;line-height:1.4;margin:0 0 7px;color:var(--navy)}.product-body p{font-size:.92rem;color:var(--muted);line-height:1.6;margin:0 0 15px}.product-link{color:var(--navy);font-weight:800;font-size:.9rem}.product-link span{color:var(--teal);font-size:1.2rem}.branches-home{background:var(--navy);color:#fff}.section-heading.light h2,.section-heading.light>a{color:#fff}.branch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.branch-card{display:flex;gap:20px;padding:28px;border-radius:20px;background:#ffffff0d;border:1px solid #ffffff22}.branch-card .pin{width:50px;height:50px;border-radius:15px;background:var(--teal);color:var(--navy);display:grid;place-items:center;font-size:1.8rem;flex:0 0 auto}.branch-card h3{margin:0 0 5px;font-size:1.18rem}.branch-card p{margin:0 0 6px;color:#bcd0d9}.branch-card a{color:#fff;font-weight:700}.cta-band{background:var(--teal);color:var(--navy);padding:55px 0}.cta-band .container{display:flex;justify-content:space-between;align-items:center;gap:25px}.cta-band span{font-weight:700}.cta-band h2{margin:4px 0 0;font-size:clamp(1.5rem,3vw,2.3rem);max-width:730px;line-height:1.35}
.page-hero{background:linear-gradient(135deg,var(--navy),#064866);color:#fff;padding:95px 0;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:380px;height:380px;border:70px solid #00a69c28;border-radius:50%;left:-100px;top:-180px}.page-hero.compact{padding:72px 0}.page-hero h1{font-size:clamp(2.6rem,5vw,4.6rem);margin:0 0 12px;line-height:1.15}.page-hero p{max-width:650px;color:#cfdee4;font-size:1.12rem;margin:0}.story-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.story-note{background:var(--sand);border-radius:28px;padding:45px;position:relative}.story-note:before{content:"“";position:absolute;top:-30px;left:25px;font-size:8rem;color:#d8b19b80;line-height:1}.story-note span{color:var(--teal-dark);font-weight:800}.story-note strong{display:block;color:var(--navy);font-size:1.7rem;line-height:1.4;margin:8px 0}.info-cards{display:grid;grid-template-columns:1fr 1fr;gap:25px}.info-cards article{background:#fff;border-radius:25px;padding:42px;border-top:4px solid var(--teal)}.info-cards article>span{font-size:3rem;color:#d7e2e5;font-weight:800}.info-cards h2{color:var(--navy);margin:0 0 12px}.info-cards p{color:var(--muted)}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.vision-card{padding:55px;border-radius:28px;min-height:300px}.vision-card.teal{background:var(--teal);color:var(--navy)}.vision-card.navy{background:var(--navy);color:#fff}.vision-card>span{font-weight:800}.vision-card h2{font-size:2rem;margin:15px 0}.vision-card p{font-size:1.08rem}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:35px}.filter-bar a{padding:9px 17px;border:1px solid var(--line);border-radius:30px;font-weight:600;color:#526a77}.filter-bar a:hover,.filter-bar a.active{background:var(--navy);border-color:var(--navy);color:#fff}.catalog-grid{grid-template-columns:repeat(3,1fr)}.product-detail{padding-top:70px}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.detail-image{aspect-ratio:1/1;background:var(--surface);border-radius:30px;overflow:hidden}.detail-image img{width:100%;height:100%;object-fit:contain}.detail-copy h1{font-size:clamp(2.3rem,4vw,4rem);line-height:1.2;color:var(--navy);margin:8px 0 15px}.detail-copy .lead{font-size:1.2rem;color:#425f6f}.detail-text{color:var(--muted);font-size:1.05rem;margin:25px 0}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.back-link{display:block;margin-bottom:20px;color:var(--muted);font-weight:700}.branch-list{display:grid;gap:22px}.branch-large{display:grid;grid-template-columns:90px 1fr auto;gap:28px;align-items:center;border:1px solid var(--line);border-radius:24px;padding:35px;transition:.25s}.branch-large:hover{box-shadow:var(--shadow);border-color:transparent}.branch-number{font-size:3rem;color:#cad9dc;font-weight:800}.mini-label{color:var(--teal-dark);font-size:.85rem;font-weight:800}.branch-large h2{color:var(--navy);margin:3px 0;font-size:1.45rem}.branch-large p{color:var(--muted);margin:0}.branch-meta{display:flex;gap:20px;margin-top:10px;font-weight:700}.map-button{border:1px solid var(--line);border-radius:12px;padding:12px 18px;font-weight:700;color:var(--navy)}.map-button:hover{background:var(--navy);color:#fff}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px}.contact-info h2{font-size:2.5rem;line-height:1.25;color:var(--navy);margin:0 0 12px}.contact-info>p{color:var(--muted)}.contact-people{display:grid;gap:10px;margin:30px 0}.contact-people>a{display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:15px}.contact-people>a>span{width:48px;height:48px;border-radius:13px;background:var(--sand);display:grid;place-items:center;font-weight:800;color:var(--navy)}.contact-people small{display:block;color:var(--muted)}.contact-people b{font-size:.95rem}.social-row{display:flex;gap:9px;flex-wrap:wrap}.social-row a{background:var(--navy);color:#fff;border-radius:10px;padding:8px 13px;font-size:.9rem}.contact-form-card{background:var(--surface);border-radius:28px;padding:42px}.contact-form-card h2{margin:0;color:var(--navy);font-size:2rem}.contact-form-card>p{margin-top:0;color:var(--muted)}.contact-form,.contact-form label{display:grid;gap:8px}.contact-form{gap:18px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{font-weight:700;color:var(--navy)}.contact-form small{font-weight:400;color:var(--muted)}.contact-form input,.contact-form textarea{width:100%;border:1px solid #cadadd;background:#fff;border-radius:12px;padding:12px 14px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #00a69c1c}.alert{padding:13px 16px;border-radius:12px;margin:14px 0}.alert.success{background:#dff7f1;color:#14624e}.alert.danger{background:#fde8e8;color:#9e2525}.light-cards .branch-card{background:#fff;border-color:var(--line);color:var(--navy)}.light-cards .branch-card p{color:var(--muted)}.empty-state{text-align:center;padding:80px 20px}.empty-state p{color:var(--muted)}.error-code{font-size:7rem;line-height:1;color:var(--teal);font-weight:800}
.site-footer{background:var(--navy-2);color:#b8cbd3;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:55px}.footer-brand img{width:260px;height:100px;object-fit:contain;background:#fff;border-radius:14px;margin-bottom:18px}.footer-brand p{max-width:360px}.site-footer h3{color:#fff;margin:0 0 15px}.site-footer div>div:not(.footer-brand){display:flex;flex-direction:column;align-items:flex-start}.site-footer a{margin:3px 0}.site-footer a:hover{color:var(--teal)}.site-footer p{margin:3px 0}.footer-bottom{border-top:1px solid #ffffff17;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;font-size:.9rem}.admin-link{opacity:.5}.whatsapp-float{position:fixed;z-index:120;left:22px;bottom:22px;background:#25d366;color:#fff;border-radius:50px;padding:11px 15px;display:flex;align-items:center;gap:8px;font-weight:800;box-shadow:0 12px 30px #116b3780;transition:.25s}.whatsapp-float:hover{transform:translateY(-4px)}.whatsapp-float svg{width:28px;height:28px;fill:#fff}
@media(max-width:1000px){.nav-wrap{height:78px}.brand{width:205px;height:65px}.nav-cta{display:none}.menu-toggle{display:block;margin-inline-start:auto}.main-nav{position:fixed;top:78px;right:0;left:0;background:#fff;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px 20px 22px;border-bottom:1px solid var(--line);transform:translateY(-130%);opacity:0;transition:.3s;z-index:-1}.main-nav.open{transform:translateY(0);opacity:1}.main-nav a{padding:12px;border-bottom:1px solid #edf1f2}.main-nav a:after{display:none}.hero-content{padding-inline-start:45%}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.about-preview-grid,.story-grid,.product-detail-grid,.contact-layout{gap:40px}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.catalog-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.container{width:min(100% - 28px,1180px)}.topbar{display:none}.site-header{top:0}.nav-wrap{height:72px}.brand{width:178px;height:61px}.main-nav{top:72px}.hero{min-height:610px;height:76vh}.hero-slide{background-position:35% center}.hero-overlay{background:linear-gradient(180deg,rgba(0,40,63,.2),rgba(0,27,43,.96) 72%)}.hero-content{padding:250px 14px 45px;justify-content:flex-end}.hero h1{font-size:2.6rem}.hero p{font-size:1.02rem}.slider-dots{right:calc(50% - 25px)}.trust-grid{grid-template-columns:1fr}.trust-grid div{padding:16px 10px;border-bottom:1px solid var(--line)}.section{padding:65px 0}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:28px}.category-grid,.product-grid,.branch-grid,.about-preview-grid,.story-grid,.info-cards,.vision-grid,.product-detail-grid,.contact-layout,.two-cols{grid-template-columns:1fr}.category-card{min-height:245px}.about-preview-grid{gap:55px}.experience-badge{width:135px;height:135px;left:-5px}.about-copy h2,.story-grid h2{font-size:2.15rem}.catalog-grid{grid-template-columns:1fr}.cta-band .container{align-items:flex-start;flex-direction:column}.page-hero{padding:70px 0}.page-hero h1{font-size:2.8rem}.vision-card{padding:35px;min-height:auto}.product-detail{padding-top:45px}.branch-large{grid-template-columns:58px 1fr;padding:24px;gap:15px}.branch-number{font-size:2rem}.map-button{grid-column:1/3;text-align:center}.branch-meta{flex-direction:column;gap:2px}.contact-form-card{padding:25px}.contact-people>a{grid-template-columns:45px 1fr}.contact-people b{grid-column:2}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/3}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:5px}.whatsapp-float{left:14px;bottom:14px}.whatsapp-float span{display:none}.whatsapp-float{padding:13px;border-radius:50%}}

/* Hero copy follows the clean negative space on the right side of the image. */
@media(min-width:1001px){.hero-content{padding-inline-start:0;padding-inline-end:55%}}
@media(min-width:701px) and (max-width:1000px){.hero-content{padding-inline-start:0;padding-inline-end:45%}.main-nav{z-index:99}}
@media(max-width:700px){.main-nav{z-index:99}}
.hp-field{position:absolute!important;right:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.captcha-label{background:#e8f6f5;border-radius:12px;padding:12px 14px}.captcha-label input{max-width:130px}