/* Shared look, matched to graveyards-fuj.ae (رحيل page): white page, photo header with 6px gold rule,
   the site's geometric pattern on the page, white rounded cards with a soft shadow, navy footer. Light theme only, like the site. */
:root{
  --gold:#B68A35; --gold-ink:#86621F; --gold-soft:#F7F1E4;
  --navy:#14212B; --green:#031C1B; --red:#CC0000;
  --bg:#FFFFFF; --surface:#FFFFFF; --tile:#F7F5F0; --ink:#1C1A1D; --muted:#616161; --line:#E6E3DC;
  --on-dark:#FFFFFF; --on-dark-muted:#C7CED5; --ok:#1F7A55;
  --font:'Tajawal','Segoe UI','Noto Sans Arabic',Tahoma,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{background:var(--bg) url("https://www.graveyards-fuj.ae/asset/ar/assets/img/pattern-1.png") center top/700px auto repeat;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;position:relative;overflow-x:hidden}
a{color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
button{font:inherit;cursor:pointer}

/* header: dimmed photo, as on the official site */
.top{color:var(--on-dark);border-top:6px solid var(--gold);
  background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url("https://www.graveyards-fuj.ae/asset/ar/assets/img/b333.jpg") center/cover no-repeat,var(--navy)}
.top-in{max-width:1120px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:12px}
.top img{width:46px;height:auto;flex:none}
.brand{display:flex;flex-direction:column;line-height:1.3;min-width:0;text-decoration:none}
.brand b{font-size:17px;font-weight:700}
.brand span{font-size:13px;color:#E4E4E4}
.demo{margin-inline-start:auto;font-size:12px;font-weight:500;color:var(--navy);background:var(--gold);padding:3px 10px;border-radius:999px;white-space:nowrap}
.top-title{max-width:1120px;margin:0 auto;padding:28px 16px 26px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.top-title .ttl{margin:0;font-size:30px;font-weight:700;line-height:1.2}
.crumb{display:flex;align-items:center;gap:8px;font-size:15px;color:#555;padding:10px 22px;border-radius:4px;
  background:#fff url("https://www.graveyards-fuj.ae/asset/ar/assets/img/pattern3.png")}
.crumb a{color:var(--gold);text-decoration:none;font-weight:700}
.crumb span[aria-hidden]{color:#999}

main{max-width:560px;margin:0 auto;padding-inline:16px;padding-block:22px 32px;display:flex;flex-direction:column;gap:18px}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--gold);font-weight:700;font-size:16px}
.eyebrow::before,.eyebrow::after{content:"";width:22px;height:2px;background:var(--gold)}

/* cards: white, 8px corners, soft shadow */
.card,.paper{position:relative;background:#fff;border-radius:8px;box-shadow:0 6px 24px rgba(28,26,29,.10),0 1px 3px rgba(28,26,29,.06);padding:14px 22px}
.card h2{font-size:15px;font-weight:700;color:var(--gold);margin:10px 0 4px;display:flex;align-items:center;gap:8px}
.card h2::before{content:"";width:14px;height:2px;background:var(--gold)}
.notice{background:#fff;border-radius:8px;box-shadow:0 6px 24px rgba(28,26,29,.10);padding:16px 18px;text-align:center;color:var(--muted);margin:0}

/* footer */
footer{background:var(--navy);color:var(--on-dark-muted);border-top:4px solid var(--gold);font-size:14px}
.foot{max-width:1120px;margin:0 auto;padding:36px 16px 16px;display:flex;flex-direction:column;gap:24px}
.foot-brand{display:flex;align-items:center;gap:12px}
.foot-brand img{width:44px;height:auto}
.foot-brand b{color:var(--on-dark);font-size:16px}
.foot p{margin:0;line-height:1.8}
.foot .more{color:var(--gold);text-decoration:none;font-weight:700}
.foot-cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.foot-about{display:flex;flex-direction:column;gap:14px}
.foot h3{color:var(--on-dark);font-size:16px;margin:0 0 10px}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.foot ul a{text-decoration:none}
.foot ul a:hover{color:var(--gold)}
.contact li{display:flex;align-items:flex-start;gap:8px}
.contact svg{flex:none;color:var(--gold);margin-top:3px}
.contact .ltr{direction:ltr;unicode-bidi:isolate}
.social{display:flex;gap:10px;flex-wrap:wrap}
.social a{width:38px;height:38px;border-radius:50%;border:1px solid #3A4A57;display:flex;align-items:center;justify-content:center;color:var(--on-dark-muted)}
.social a:hover{color:var(--gold);border-color:var(--gold)}
.copy{border-top:1px solid #2A3946;padding-top:14px;margin-top:4px;font-size:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media (max-width:820px){.foot-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-about{grid-column:1 / -1}}
@media (max-width:400px){.foot-cols{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}