:root{--dk-primary:#453734;--dk-btn:#E4D1BB;--dk-text:#FFF9EB}
*{margin:0;box-sizing:border-box}
html,body{min-height:100%}
body{font-family:"Tajawal","Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  min-height:100vh;display:grid;place-items:center;padding:32px 20px;color:var(--dk-text);
  -webkit-font-smoothing:antialiased}
.dk-wrap{width:100%;display:grid;place-items:center}
.dk-card{width:100%;max-width:420px;text-align:center;display:flex;flex-direction:column;
  align-items:center;gap:18px}
.dk-logo{width:auto;height:auto;max-width:min(78%,280px);max-height:112px;
  object-fit:contain;border-radius:26px}
.dk-logo-ph{width:104px;height:104px;display:grid;place-items:center;font-size:44px;font-weight:800;
  background:var(--dk-btn);color:#fff}
.dk-name{font-size:29px;font-weight:800;letter-spacing:-.3px;line-height:1.15}
.dk-desc{font-size:15.5px;line-height:1.6;max-width:340px;opacity:.92}
.dk-btns{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px;margin-top:4px}
.dk-btn{display:flex;align-items:center;justify-content:center;gap:11px;text-decoration:none;
  padding:13px 18px;border-radius:14px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;
  background:var(--dk-btn);color:#fff}
.dk-btn:hover{transform:translateY(-2px)}
.dk-btn:active{transform:translateY(0)}
.dk-btn .dk-i{width:24px;height:24px;flex:none}
.dk-bt{display:flex;flex-direction:column;line-height:1.05;text-align:start}
.dk-bt small{font-size:10px;font-weight:600;opacity:.8;text-transform:uppercase;letter-spacing:.04em}
.dk-bt b{font-size:17px;font-weight:700}
.dk-web{background:transparent;border:1.5px solid currentColor;color:var(--dk-text)}
.dk-web .dk-i{width:19px;height:19px}
.dk-qr{margin-top:8px;display:flex;flex-direction:column;align-items:center;gap:8px}
.dk-qr img{width:126px;height:126px;border-radius:16px;padding:9px;background:#fff}
.dk-qr span{font-size:12px;font-weight:600;opacity:.8}
.dk-powered{margin-top:14px;font-size:12px;font-weight:600;letter-spacing:.06em;opacity:.65;
  text-transform:uppercase;cursor:pointer;}
.dk-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:2px}
.dk-soc{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:inherit;
  text-decoration:none;background:color-mix(in srgb,currentColor 8%,transparent);
  border:1.5px solid color-mix(in srgb,currentColor 28%,transparent);opacity:.9;
  transition:transform .15s,opacity .15s,background .15s}
.dk-soc svg{width:20px;height:20px}
.dk-soc:hover{transform:translateY(-2px);opacity:1;background:color-mix(in srgb,currentColor 16%,transparent)}
.dk-branches{width:100%;max-width:340px;margin-top:6px;display:flex;flex-direction:column;gap:10px;text-align:start}
.dk-sec-t{font-size:15px;font-weight:800;text-align:center;opacity:.9;margin-bottom:2px}
.dk-branch{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 14px;
  border-radius:14px;background:color-mix(in srgb,currentColor 6%,transparent);
  border:1px solid color-mix(in srgb,currentColor 16%,transparent)}
.dk-br-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.dk-br-info b{font-size:14px;font-weight:700}
.dk-br-info span{font-size:12px;opacity:.72}
.dk-br-tel{font-size:12px;opacity:.72;color:inherit;text-decoration:none;margin-top:1px;direction:ltr;unicode-bidi:plaintext}
.dk-br-go{display:inline-flex;align-items:center;gap:5px;flex:none;color:inherit;text-decoration:none;
  font-size:12px;font-weight:700;padding:8px 12px;border-radius:11px;
  border:1.5px solid color-mix(in srgb,currentColor 30%,transparent);opacity:.92;transition:.15s}
.dk-br-go:hover{opacity:1;transform:translateY(-1px)}
.dk-br-go svg{width:15px;height:15px}
@media(max-width:420px){.dk-name{font-size:25px}.dk-logo{max-height:96px}.dk-logo-ph{width:88px;height:88px}
  .dk-branch{padding:11px 12px}.dk-br-go span{display:none}.dk-br-go{padding:9px}}

/* template: wave */
body{background:#f1f2f5;color:#141414;padding:0 20px 40px}
body::before{content:"";position:fixed;top:0;left:0;right:0;height:44vh;z-index:0;
  background:linear-gradient(160deg, #453734, #0d0000);
  clip-path:ellipse(150% 100% at 50% 0%)}
.dk-wrap{position:relative;z-index:2;padding-top:12vh}
.dk-card{padding:0 26px 30px;background:#fff;border:1px solid #ececf0;border-radius:26px;
  box-shadow:0 34px 74px -34px rgba(20,20,30,.4);padding-top:70px;margin-top:70px}
.dk-name{color:#111}.dk-desc{color:#555}
.dk-logo{margin-top:-124px;border:6px solid #fff;border-radius:28px;
  box-shadow:0 18px 44px -18px rgba(0,0,0,.4)}
.dk-btn{border-radius:13px}
.dk-web{color:#111}
.dk-powered{color:#9aa1ab}
.dk-qr img{border:1px solid #eee}
.dk-qr span{color:#777}
/* logo shape adaptation — wide/tall marks show in full, without the app-icon frame */
.dk-logo-wide,.dk-logo-tall{border:0!important;background:transparent!important;
  box-shadow:none!important;margin-top:0!important;object-fit:contain}
.dk-logo-wide{max-width:min(84%,300px);max-height:100px;border-radius:10px}
.dk-logo-tall{max-height:150px;max-width:58%;border-radius:16px}