:root{--navy:#071b34;--blue:#0d3157;--gold:#c99a45;--sand:#f3eee5;--ink:#142337;--muted:#667080;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Tajawal",sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.site-header{height:86px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;gap:36px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 4px 30px #071b3412}.brand{display:flex;align-items:center;gap:12px;margin-left:auto}.brand img{width:57px;height:57px;object-fit:cover;border-radius:50%}.brand span{display:flex;flex-direction:column;line-height:1.05}.brand b{font-size:20px;color:var(--navy)}.brand small{font-size:13px;color:var(--gold);margin-top:5px}.site-header nav{display:flex;gap:28px;font-size:15px;font-weight:500}.site-header nav a:hover{color:var(--gold)}.header-call{background:var(--navy);color:#fff;padding:13px 20px;border-radius:4px;font-weight:700}.header-call span{color:var(--gold);margin-right:8px}.menu-btn{display:none;background:none;border:0;font-size:26px}.hero{min-height:660px;position:relative;overflow:hidden;background:var(--navy);display:flex;align-items:center}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,transparent 36%,rgba(7,27,52,.25) 52%,rgba(7,27,52,.98) 100%)}.hero-copy{position:relative;z-index:2;max-width:650px;margin-right:clamp(24px,8vw,130px);color:white}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#dfbd78;font-weight:700;font-size:14px;letter-spacing:.5px}.eyebrow:before{content:"";width:32px;height:1px;background:currentColor}.eyebrow.dark{color:var(--gold)}h1{font-size:clamp(52px,6.5vw,92px);line-height:1.05;margin:22px 0 24px;font-weight:800;letter-spacing:-2px}h1 em{font-style:normal;color:#dfbd78}h2{font-size:clamp(34px,4vw,52px);line-height:1.18;margin:14px 0;font-weight:800}.hero-copy>p{font-size:19px;line-height:1.9;color:#dbe3ed;max-width:570px}.hero-actions,.contact-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{padding:15px 23px;border-radius:4px;font-weight:700;display:inline-block}.btn.gold{background:var(--gold);color:#091a2c}.btn.ghost{border:1px solid #ffffff70;color:#fff}.trust-row{display:flex;gap:26px;margin-top:38px;font-size:14px;color:#c7d3e1}.trust-row span::first-letter{color:var(--gold)}.intro{display:grid;grid-template-columns:repeat(3,1fr);max-width:1160px;margin:-40px auto 0;position:relative;z-index:3;background:#fff;box-shadow:0 14px 50px #071b3420}.intro div{display:flex;align-items:center;gap:18px;padding:28px 34px;border-left:1px solid #e8e4dd}.intro div:last-child{border:0}.intro span{font-size:32px;color:var(--gold);font-weight:800}.intro p{margin:0;line-height:1.6;color:var(--muted)}.intro b{color:var(--ink)}.section{padding:105px clamp(22px,7vw,110px)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;max-width:1220px;margin:0 auto 48px}.section-head>p{max-width:480px;line-height:1.9;color:var(--muted)}.category-grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.cat{background:#fff;border:1px solid #e5e8ec;overflow:hidden;transition:.25s}.cat:hover{transform:translateY(-5px);box-shadow:0 18px 50px #071b3418}.cat:nth-child(-n+2){grid-column:span 6}.cat:nth-child(n+3){grid-column:span 4}.cat-img{height:255px;background-image:url("assets/hero-products.png");background-size:210%;background-repeat:no-repeat}.plumbing .cat-img{background-position:58% 43%}.lighting .cat-img{background-position:92% 18%}.electric .cat-img{background-position:46% 63%}.tools .cat-img{background-position:82% 94%}.building .cat-img{background-position:100% 72%}.cat-body{padding:26px 28px}.cat-body>span{color:var(--gold);font-weight:800}.cat h3{font-size:24px;margin:10px 0}.cat p{color:var(--muted);line-height:1.7;min-height:54px}.cat a,.text-link{color:var(--blue);font-weight:700}.brands{background:var(--navy);padding:100px clamp(22px,7vw,110px);color:#fff}.section-head.light p{color:#b8c5d5}.brand-placeholder{max-width:1220px;margin:auto;border:1px solid #ffffff20;background:#ffffff08;padding:34px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.brand-placeholder p{width:100%;text-align:center;color:#b8c5d5;margin:0 0 15px}.brand-placeholder span{border:1px solid #ffffff2a;padding:14px 24px;color:#dfbd78;background:#ffffff08}.about{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:80px}.about-copy{max-width:630px}.about-copy p{font-size:17px;line-height:2;color:var(--muted)}.about-card{min-height:390px;background:linear-gradient(145deg,var(--navy),#123c65);color:#fff;padding:70px 50px;display:flex;flex-direction:column;justify-content:center;box-shadow:22px 22px 0 var(--sand)}.about-card strong{font-size:48px;color:#dfbd78}.about-card p{font-size:20px}.about-card div{display:flex;gap:12px;margin-top:30px}.about-card span{border:1px solid #ffffff35;padding:10px 20px}.contact{background:#0b2746;color:#fff;padding:95px clamp(22px,7vw,110px);display:grid;grid-template-columns:1.2fr .8fr;gap:80px}.contact-copy>p{color:#bfccda;line-height:1.9;max-width:600px}.info-card{background:#fff;color:var(--ink);padding:38px}.info-card div{padding:20px 0;border-bottom:1px solid #e5e8ec}.info-card div:last-child{border:0}.info-card span{display:block;color:var(--gold);font-weight:700;margin-bottom:8px}.info-card b{line-height:1.8}footer{padding:38px clamp(22px,7vw,110px);display:flex;align-items:center;gap:30px;background:#06182d;color:#aebdce}.footer-brand{margin-left:0}.footer-brand b{color:#fff}.footer-brand img{width:44px;height:44px}.footer-brand+ p{margin-left:auto}.floating-wa{position:fixed;left:22px;bottom:22px;background:#25d366;color:#073b1d;padding:14px 20px;border-radius:99px;font-weight:800;z-index:20;box-shadow:0 8px 30px #0003}
@media(max-width:900px){.site-header{height:74px}.site-header nav{display:none;position:absolute;top:74px;right:0;left:0;background:#fff;padding:20px;flex-direction:column;box-shadow:0 15px 30px #0002}.site-header nav.open{display:flex}.menu-btn{display:block}.header-call{display:none}.brand img{width:48px;height:48px}.hero{min-height:700px;align-items:flex-end;padding-bottom:65px}.hero-bg{object-position:66% center;opacity:.58}.hero-overlay{background:linear-gradient(0deg,rgba(7,27,52,.98) 12%,rgba(7,27,52,.45) 100%)}.hero-copy{margin:0 22px}.hero-copy>p{font-size:17px}.intro{grid-template-columns:1fr;margin:0}.intro div{border-left:0;border-bottom:1px solid #e8e4dd}.section-head{align-items:start;flex-direction:column;gap:0}.cat:nth-child(n){grid-column:span 12}.about,.contact{grid-template-columns:1fr;gap:50px}.about-card{min-height:300px}.contact{padding-bottom:120px}footer{flex-direction:column;text-align:center}.footer-brand+ p{margin:0}.trust-row{flex-wrap:wrap;gap:12px 20px}}@media(max-width:520px){h1{font-size:49px}.hero-actions .btn,.contact-actions .btn{width:100%;text-align:center}.section{padding-top:75px;padding-bottom:75px}.cat-img{height:220px}.about-card{padding:45px 28px}.about-card strong{font-size:39px}.brand-placeholder{padding:24px 15px}.brand-placeholder span{padding:11px 14px}}