/*
Theme Name: Makanak Premium
Description: قالب عربي فاخر لشركة مكانك المحدودة للمقاولات العامة
Version: 1.0.0
Text Domain: makanak
*/
:root{--bg:#090b0c;--panel:#111516;--gold:#c8a66a;--gold2:#ead19d;--text:#f7f4ed;--muted:#a9aba7;--line:rgba(255,255,255,.11);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Cairo,Arial,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:50;background:rgba(8,10,11,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;line-height:1.2}.brand .custom-logo{max-height:48px;width:auto}.mark{width:44px;height:44px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold2);font-size:22px}.brand small{font-weight:500;color:#999;font-size:10px}.navlinks{display:flex;gap:28px;font-size:14px;color:#d8d4ca}.navlinks a:hover{color:var(--gold2)}.navcta{border:1px solid var(--gold);padding:9px 16px;color:var(--gold2);font-size:13px}.hero{min-height:82vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,10,.98) 15%,rgba(7,9,10,.78) 48%,rgba(7,9,10,.35) 100%)}.hero .wrap{position:relative;z-index:2;width:100%}.eyebrow{color:var(--gold2);font-size:12px;font-weight:800;letter-spacing:1.6px}.hero h1,.page-hero h1{font-size:clamp(42px,7vw,76px);line-height:1.15;margin:17px 0;max-width:820px}.hero h1 span,.gold{color:var(--gold2)}.hero p,.page-hero p{color:#c5c5bf;max-width:700px;font-size:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;padding:13px 23px;border:1px solid var(--gold);font-weight:800;cursor:pointer;font-family:inherit}.btn.primary{background:var(--gold);color:#15120d}.btn.secondary{color:var(--gold2);background:transparent}section{padding:96px 0}.page-hero{padding:115px 0 72px;background:radial-gradient(circle at 80% 20%,rgba(200,166,106,.17),transparent 30%),#0c0f10;border-bottom:1px solid var(--line)}.head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.head h2{font-size:38px;margin:3px 0}.head p{max-width:540px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;overflow:hidden;min-height:230px;background:#121617;border:1px solid var(--line);padding:28px}.card h3{margin:15px 0 6px;font-size:20px}.card p{color:var(--muted);font-size:13px;margin:0}.num{color:var(--gold);font-size:12px;font-weight:800}.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.16}.card>*{position:relative;z-index:1}.projects{display:grid;grid-template-columns:1.45fr .8fr .8fr;grid-auto-rows:260px;gap:15px}.project{position:relative;overflow:hidden;border:1px solid var(--line);background:#111}.project:first-child{grid-row:span 2}.project img{width:100%;height:100%;object-fit:cover;transition:.45s}.project:hover img{transform:scale(1.04)}.project:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.88))}.label{position:absolute;bottom:17px;right:19px;z-index:2}.label small{color:var(--gold2)}.label h3{margin:2px 0;font-size:17px}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-long{padding:28px;border:1px solid var(--line);background:#111516}.service-long h3{margin:0 0 8px;color:var(--gold2)}.service-long p{color:var(--muted);margin:0}.quote{padding:48px;background:linear-gradient(135deg,#171a19,#0e1111);border:1px solid var(--line)}.form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form input,.form select,.form textarea{width:100%;padding:14px;border:1px solid var(--line);background:#0a0c0c;color:#eee;font-family:inherit}.form textarea{min-height:125px;grid-column:1/-1}.form .full{grid-column:1/-1}.notice{padding:13px 16px;border:1px solid rgba(87,210,148,.45);background:rgba(87,210,148,.08);margin-bottom:18px;color:#8ce0b5}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.contactbox{background:#121616;border:1px solid var(--line);padding:30px}.contactitem{padding:17px 0;border-bottom:1px solid var(--line)}.contactitem:last-child{border-bottom:0}.contactitem span{display:block;color:var(--muted);font-size:11px}.contactitem strong{font-size:18px}.whatsapp{color:#62d494}.site-footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:12px}.float{position:fixed;z-index:60;bottom:20px;left:20px;background:#199b5a;color:white;border-radius:999px;padding:10px 17px;font-weight:800;box-shadow:0 10px 30px #0008}@media(max-width:800px){.navlinks{display:none}.cards,.contactgrid,.service-list{grid-template-columns:1fr 1fr}.projects{grid-template-columns:1fr 1fr}.project:first-child{grid-row:span 1}.head{display:block}.head p{margin-top:8px}}@media(max-width:520px){.wrap{padding:0 17px}.cards,.projects,.contactgrid,.form,.service-list{grid-template-columns:1fr}.form textarea,.form .full{grid-column:auto}.quote{padding:26px}section{padding:72px 0}.navcta{display:none}.hero h1,.page-hero h1{font-size:42px}}