@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');:root{--navy:#10264b;--navy2:#1a3a60;--gold:#bd913c;--pale:#e4c77e;--ink:#17243a;--muted:#6d7685;--cream:#f7f5f0;--line:#e7e1d5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Cairo,Tahoma,sans-serif;color:var(--ink);line-height:1.9}a{color:inherit;text-decoration:none}.wrap{width:min(1100px,calc(100% - 40px));margin:auto}header{height:86px;position:sticky;top:0;z-index:30;background:#ffffffef;backdrop-filter:blur(12px);border-bottom:1px solid #eee8dd;display:flex;align-items:center;justify-content:space-between;padding:8px max(20px,calc((100% - 1160px)/2));gap:25px}.brand{width:250px;flex-shrink:0}.brand img{display:block;width:100%}nav{display:flex;gap:20px;font-size:12px;font-weight:800;color:var(--navy)}nav a:hover{color:var(--gold)}#menuBtn{display:none}.hero{background:radial-gradient(circle at 78% 28%,#29476b 0,transparent 35%),linear-gradient(120deg,#0b1d3a,#18375d);color:#fff;overflow:hidden}.hero-grid{padding-block:72px;display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;min-height:560px}.eyebrow,.label{color:var(--gold);font-size:11px;letter-spacing:1px;font-weight:800}.hero h1{font-size:clamp(35px,4.5vw,57px);line-height:1.45;margin:20px 0}.hero em,.order-copy em{color:var(--pale);font-style:normal}.hero p,.order-copy>p{color:#d3dce8;font-size:14px;line-height:2.2;max-width:520px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:12px 22px;min-height:48px;font:800 13px Cairo,sans-serif;border:1px solid transparent;cursor:pointer}.gold{background:var(--gold);color:var(--navy)}.gold:hover{background:var(--pale)}.outline{border-color:#ffffff66;color:#fff}.trust{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#cbd5e2;font-size:10px;margin-top:32px}.trust:first-letter{color:var(--pale)}.trust i{width:3px;height:3px;border-radius:50%;background:var(--gold)}.logo-card{position:relative;background:white;padding:14px;max-width:380px;margin:auto;box-shadow:20px 20px 0 #bd913c38;transform:rotate(1deg)}.logo-card img{width:100%;display:block}.logo-card span{position:absolute;bottom:-17px;left:-12px;background:var(--gold);color:var(--navy);padding:10px 15px;font-size:9px;font-weight:800;letter-spacing:1px}section:not(.hero){padding:76px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start;margin-top:14px}.about h2,.section-head h2,.order-copy h2,.contact-head h2{font-size:clamp(30px,4vw,43px);line-height:1.5;color:var(--navy);margin:10px 0 18px}.about em,.section-head em,.contact-head em{font-style:normal;color:var(--gold)}.about p,.section-head>p,.contact-head p{color:var(--muted);font-size:13px;line-height:2.2}.text-link{display:inline-block;margin-top:9px;padding-bottom:5px;border-bottom:1px solid var(--gold);font-size:13px;font-weight:800;color:var(--navy)}.services{background:var(--cream)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:34px}.section-head>p{max-width:330px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article{background:white;border:1px solid var(--line);padding:25px;min-height:210px;position:relative}.cards article>b{position:absolute;left:20px;top:15px;color:#aaa;font-size:11px}.cards article.featured{background:var(--navy);color:white}.symbol{width:46px;height:46px;display:grid;place-items:center;background:#f6efdf;color:var(--gold);font-size:29px;margin-bottom:15px}.featured .symbol{background:#29415f}.cards h3{font-size:16px;color:var(--navy)}.featured h3{color:white}.cards p{font-size:12px;color:var(--muted);line-height:2}.featured p{color:#cbd5e2}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gallery figure{margin:0;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--cream)}.gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.gallery figure:hover img{transform:scale(1.035)}.gallery figcaption{position:absolute;bottom:0;right:0;left:0;padding:25px 14px 10px;color:white;background:linear-gradient(transparent,#09172bd9);font-size:12px;font-weight:700}.order-section{background:var(--navy);color:white}.order-grid{display:grid;grid-template-columns:.8fr 1fr;gap:65px;align-items:start}.label.light{color:var(--pale)}.order-copy h2{color:white}.note{border-top:1px solid #ffffff2b;padding-top:18px;margin-top:26px;color:#d0d9e5;font-size:12px}.order-section form{background:#fff;color:var(--ink);padding:27px 29px}.order-section form h3{display:flex;justify-content:space-between;color:var(--navy);border-bottom:1px solid var(--line);padding-bottom:14px;margin:0 0 16px}.order-section form h3 small{color:var(--gold);font-size:10px}.order-section label{display:block;font-size:12px;font-weight:800;margin:13px 0 6px}.order-section input,.order-section select,.order-section textarea{width:100%;display:block;margin-top:5px;padding:12px;border:1px solid #e0e4e9;background:#fcfcfb;font:13px Cairo,sans-serif;outline:none}.order-section input:focus,.order-section select:focus,.order-section textarea:focus{border-color:var(--gold)}.order-section textarea{resize:vertical}.hidden{display:none!important}.submit{width:100%;margin-top:17px}.form-note{display:block;text-align:center;color:var(--muted);font-size:10px;margin-top:8px}.contact-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.contact-head h2{margin-bottom:15px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin-top:22px}.contact-grid>a{display:flex;align-items:center;gap:13px;padding:22px 16px}.contact-grid>a+a{border-right:1px solid var(--line)}.contact-grid>a:hover{background:var(--cream)}.social{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.social svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wa{background:#e5f7ec;color:#159b57}.wa svg path:first-child{fill:currentColor;stroke:none}.wa svg path:last-child{fill:white;stroke:none}.ig{background:#fae7f0;color:#c13584}.phone{background:#f7f0df;color:#a77b29}.phone svg{fill:currentColor;stroke:none}.contact-grid small,.contact-grid b{display:block}.contact-grid small{font-size:10px;color:var(--muted)}.contact-grid b{font-size:14px;color:var(--navy)}.contact-grid i{margin-right:auto;color:var(--gold);font-style:normal;font-size:20px}.footer-logo{display:block;width:min(300px,80%);margin:32px auto 0}footer{background:#091a34;color:#cbd5e1;padding:17px 20px;display:flex;justify-content:space-between;gap:15px;font-size:10px}footer a{color:var(--pale)}.floating-wa{position:fixed;z-index:100;right:16px;bottom:calc(15px + env(safe-area-inset-bottom));width:58px;height:58px;border-radius:50%;background:#20bd68;border:3px solid white;box-shadow:0 7px 23px #06162d66;display:grid;place-items:center}.floating-wa svg{width:35px;height:35px;fill:none;stroke:white;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.floating-wa svg path:first-child{fill:white;stroke:none}.floating-wa svg path:last-child{fill:#20bd68;stroke:none}@media(max-width:820px){header{height:72px;padding:8px 15px}.brand{width:min(220px,70%)}#menuBtn{display:block;border:0;background:none;color:var(--navy);font-size:24px}nav{display:none;position:absolute;top:71px;right:0;left:0;background:white;padding:10px 20px 18px;box-shadow:0 12px 25px #10264b18;flex-direction:column;gap:0}nav.open{display:flex}nav a{padding:10px;border-bottom:1px solid #eee8dd}.hero-grid{grid-template-columns:1fr;padding-block:55px;gap:35px}.hero h1{font-size:37px}.logo-card{width:min(78%,320px)}section:not(.hero){padding:60px 0}.about-grid,.order-grid{grid-template-columns:1fr;gap:12px}.section-head,.contact-head{display:block}.section-head>p{margin-top:12px}.cards{grid-template-columns:1fr;gap:12px}.cards article{min-height:unset}.order-grid{gap:25px}.order-section form{padding:22px 18px}.contact-grid{grid-template-columns:1fr}.contact-grid>a+a{border-right:0;border-top:1px solid var(--line)}.contact-grid>a{padding:15px 8px}.gallery{gap:9px}.floating-wa{width:54px;height:54px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}}@media(max-width:420px){.gallery{grid-template-columns:1fr}.hero h1{font-size:33px}}
/* Projects and articles */
.project-admin-card{background:#f9f8f5;border:1px solid var(--line);padding:10px;min-width:0}.project-admin-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.project-admin-card strong{display:block;margin-top:7px;color:var(--navy);overflow-wrap:anywhere}.project-admin-card p{font-size:12px;overflow-wrap:anywhere}.project-admin-card button{width:100%;border:0;padding:9px;margin-top:6px;cursor:pointer;font:700 12px Cairo,sans-serif}.project-admin-card .edit-project{background:var(--gold);color:var(--navy)}.project-admin-card .delete-project{background:#922b36;color:#fff}.project-card{border:1px solid var(--line);background:#fff;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;text-align:right;padding:0;color:var(--ink);font:inherit}.project-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.project-card .project-card-body{padding:16px}.project-card h3{color:var(--navy);margin:0 0 6px;font-size:16px}.project-card p{margin:0;color:var(--muted);font-size:12px;line-height:2}.project-card span{display:block;color:var(--gold);font-size:12px;font-weight:800;margin-top:10px}.project-card:hover{box-shadow:0 8px 24px #10264b16}.article-modal{position:fixed;inset:0;z-index:200;background:#07152bd9;display:none;overflow:auto;padding:24px}.article-modal.open{display:block}.article-content{background:#fff;max-width:850px;margin:20px auto;padding:clamp(18px,4vw,40px);position:relative}.article-close{position:sticky;top:0;float:left;border:0;background:var(--navy);color:white;padding:8px 14px;cursor:pointer}.article-content>img{width:100%;max-height:430px;object-fit:cover;margin:10px 0 20px}.article-content h2{color:var(--navy);line-height:1.5}.article-body{white-space:pre-wrap;line-height:2.2;overflow-wrap:anywhere}.article-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.article-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}@media(max-width:480px){.article-gallery{grid-template-columns:1fr}.article-modal{padding:8px}}
/* Arabic-first building-materials supplier redesign */
:root{--navy:#10264b;--navy2:#244b70;--gold:#d5a12d;--pale:#f0d78e;--ink:#17243a;--muted:#697587;--cream:#f6f5f1;--line:#e4e0d6}
.hero-grid{grid-template-columns:1.02fr .98fr;gap:48px;min-height:590px;padding-block:64px}
.hero h1{font-size:clamp(38px,4.6vw,59px);letter-spacing:-.5px}
.hero p{font-size:15px;max-width:560px}
.hero-visual{position:relative;min-width:0;padding:0 0 32px 20px}
.hero-visual>img{display:block;width:100%;height:390px;object-fit:cover;border:7px solid #ffffff1a;box-shadow:18px 18px 0 #d5a12d35}
.hero-stamp{position:absolute;right:-12px;top:25px;background:#fff;color:var(--navy);padding:13px 18px;box-shadow:0 8px 25px #06162d30;display:flex;flex-direction:column;line-height:1.5}
.hero-stamp b{font-size:20px;letter-spacing:1px}.hero-stamp span{font-size:10px;color:#647084}
.hero-caption{position:absolute;left:0;bottom:0;background:var(--gold);color:var(--navy);padding:13px 18px;font-size:12px;font-weight:800;max-width:88%}
.trust{font-size:11px;gap:12px}.trust span{white-space:nowrap}
.about-grid{margin-top:20px}.about-grid>div p{margin-top:0}
.product-cards{align-items:stretch}.product-cards article{padding:0 0 22px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.product-photo{height:185px;overflow:hidden;background:#e8e8e4}.product-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.product-cards article:hover .product-photo img{transform:scale(1.04)}.product-cards article>b{z-index:2;top:12px;left:12px;background:#fff;padding:4px 8px;color:var(--navy)}.product-cards h3,.product-cards p,.product-cards article>a{margin-right:22px;margin-left:22px}.product-cards h3{font-size:18px;margin-top:17px;margin-bottom:4px}.product-cards p{font-size:12px;flex:1}.product-cards article>a{font-size:12px;font-weight:800;color:var(--gold);margin-top:12px}.product-cards .featured h3{color:white}.product-cards .featured article>a,.product-cards .featured>a{color:var(--pale)}.product-cards .featured .product-photo{border-bottom:4px solid var(--gold)}
.supplier-note{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:25px;padding:20px 22px;border-right:4px solid var(--gold);background:#fff}.supplier-note strong{color:var(--navy);font-size:14px}.supplier-note span{font-size:12px;color:var(--muted);flex:1}.supplier-note a{background:var(--navy);color:#fff;padding:9px 15px;font-size:12px;font-weight:800}
#gallery .section-head{margin-bottom:25px}#projectsGrid:empty{display:none}#galleryGrid:empty{display:none}#projectsGrid:not(:empty){margin-bottom:14px}
.order-section form h3{font-size:15px;gap:10px;align-items:center}.order-section form h3 small{white-space:nowrap}
@media(max-width:820px){.hero-grid{grid-template-columns:1fr;gap:35px;padding-block:45px}.hero h1{font-size:clamp(34px,8vw,43px)}.hero-visual{width:100%;max-width:560px;margin:0 auto;padding-left:10px}.hero-visual>img{height:300px}.hero-stamp{right:0;top:15px}.hero-caption{left:0}.product-cards{grid-template-columns:1fr}.product-cards article{padding-bottom:18px}.product-photo{height:220px}.supplier-note{align-items:flex-start;gap:10px;flex-direction:column}.supplier-note a{align-self:stretch;text-align:center}.trust{line-height:1.8}}
@media(max-width:420px){.hero-visual>img{height:240px}.hero-stamp b{font-size:17px}.hero-caption{font-size:10px}.product-photo{height:190px}}

/* Customer reviews */
.reviews-section{background:#f7f5f0}.reviews-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:34px}.review-card{background:#fff;border:1px solid var(--line);padding:22px;min-width:0}.review-card h3{margin:0;color:var(--navy);font-size:15px}.review-stars{color:#bd913c;letter-spacing:2px;font-size:18px;direction:ltr;text-align:right}.review-meta{font-size:11px;color:var(--muted)}.review-card p{font-size:13px;line-height:2;overflow-wrap:anywhere}.reviews-empty{color:var(--muted);font-size:13px}.review-submit{display:grid;grid-template-columns:.8fr 1fr;gap:35px;align-items:start;background:var(--navy);padding:clamp(20px,4vw,38px);color:#fff}.review-submit h3{font-size:24px;margin:0 0 8px}.review-submit p{font-size:13px;color:#d3dce8;line-height:2}.review-wa{margin-top:10px}.review-submit form{background:#fff;color:var(--ink);padding:22px}.review-submit label{display:block;font-size:12px;font-weight:800;margin:12px 0 5px}.review-submit input:not([type=hidden]),.review-submit select,.review-submit textarea{width:100%;padding:11px;border:1px solid #e0e4e9;background:#fcfcfb;font:13px Cairo,sans-serif}.star-picker{display:flex;gap:5px;direction:rtl}.star-picker button{border:0;background:transparent;color:#c9cdd3;font-size:30px;cursor:pointer;padding:0 4px}.star-picker button.selected{color:#bd913c}.review-submit .submit{width:100%}@media(max-width:820px){.reviews-list{grid-template-columns:1fr}.review-submit{grid-template-columns:1fr;gap:12px}}