@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Tajawal:wght@300;400;500;700&display=swap');
:root{--nv:#0A0F1F;--gd:#C7A27C;--iv:#FFFFFF;--sl:#C7A27C;--sa:#1A2035;--sa2:#2A3050;--gr:#4CAF50;--rd:#E53935}
*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Tajawal,Arial,sans-serif;background:#0A0F1F;color:#FFFFFF;direction:rtl;font-size:26px !important;line-height:1.7}
a{text-decoration:none;color:inherit}
ul{list-style:none}

h1{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:80px !important;line-height:1.05;letter-spacing:-1px}
h2{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:64px !important;line-height:1.15;letter-spacing:-.5px}
h3{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:52px !important;line-height:1.2}
p{font-size:26px !important}

nav{background:#0A0F1F;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:200}
.logo{font-size:22px;font-weight:700;letter-spacing:3px;color:var(--iv)}
.logo em{color:var(--gd);font-style:normal}
.nav-links{display:flex}
.nav-links a{display:flex;align-items:center;height:64px;padding:0 14px;font-size:22px;font-weight:600;color:rgba(255,255,255,.7);border-bottom:2px solid transparent;transition:.2s}
.nav-links a:hover,.nav-links a.on{color:var(--gd);border-bottom-color:var(--gd)}
.nav-cta{background:var(--gd);color:var(--nv);font-size:20px;font-weight:700;padding:8px 18px}
.nav-cta:hover{opacity:.85}
.ham{display:none;background:none;border:none;color:var(--iv);font-size:24px;cursor:pointer}

.btn{display:inline-block;border:none;cursor:pointer;font-family:Tajawal,Arial;font-size:20px;font-weight:600;padding:11px 22px;transition:.2s;text-align:center;border-radius:2px}
.btn-p{background:#C7A27C;color:#0A0F1F;font-weight:600}.btn-p:hover{opacity:.85}
.btn-g{background:var(--gd);color:var(--nv)}.btn-g:hover{opacity:.85}
.btn-o{background:transparent;color:#FFFFFF;border:1px solid #C7A27C}.btn-o:hover{background:#C7A27C;color:#0A0F1F}
.btn-w{background:transparent;color:var(--iv);border:1px solid rgba(245,240,232,.3)}.btn-w:hover{border-color:var(--gd);color:var(--gd)}
.btn-r{background:var(--rd);color:#fff}.btn-full{width:100%}.btn-sm{padding:6px 14px;font-size:18px}

.field{margin-bottom:1rem}
.field label{display:block;font-size:20px;font-weight:600;color:var(--sl);margin-bottom:4px}
.field input,.field select,.field textarea{width:100%;border:1px solid #2A3050;background:#0F1629;color:#FFFFFF;padding:10px 14px;font-family:Tajawal,Arial;font-size:22px;color:var(--nv);outline:none;transition:border-color .2s;border-radius:2px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gd)}
.field textarea{resize:vertical;min-height:80px}
.field small{font-size:18px;color:var(--sl);display:block;margin-top:4px}

.bdg{display:inline-block;font-size:16px;font-weight:700;padding:3px 10px;border-radius:20px}
.bg{background:rgba(76,175,80,.12);color:#2E7D32}
.br{background:rgba(229,57,53,.1);color:var(--rd)}
.bgo{background:rgba(201,169,110,.15);color:#8B6914}
.bn{background:var(--nv);color:var(--gd)}

.err-box{background:rgba(229,57,53,.08);border:1px solid rgba(229,57,53,.25);color:var(--rd);padding:.75rem 1rem;font-size:20px;margin-bottom:1rem;border-radius:2px}
.ok-box{background:rgba(76,175,80,.08);border:1px solid rgba(76,175,80,.25);color:var(--gr);padding:.75rem 1rem;font-size:20px;margin-bottom:1rem;border-radius:2px}

.wrap{max-width:960px;margin:0 auto;padding:0 1.5rem}
.wrap-sm{max-width:640px;margin:0 auto;padding:0 1.5rem}
.sec{padding:4rem 2rem;background:#0A0F1F}.sec-sm{padding:2rem 2rem}
.tag{font-size:13px;font-weight:700;letter-spacing:3px;color:var(--gd);text-transform:uppercase;display:block;margin-bottom:.5rem}
.tc{text-align:center}
.mt1{margin-top:.75rem}.mt2{margin-top:1.5rem}
.mb1{margin-bottom:.75rem}.mb2{margin-bottom:1.5rem}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}

.hero{background:var(--nv);padding:4rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;min-height:400px}
.hero h1{color:var(--iv);margin-bottom:1rem}
.hero h1 em{color:var(--gd);font-style:normal}
.hero p{color:rgba(245,240,232,.5);font-size:26px !important;line-height:1.9;margin-bottom:1.75rem;max-width:380px}
.hero-btns{display:flex;gap:10px;flex-wrap:wrap}
.hstats{display:flex;flex-direction:column;gap:12px}
.hstat{background:rgba(245,240,232,.06);border:1px solid rgba(245,240,232,.1);padding:14px 18px}
.hstat .n{font-size:34px;font-weight:700;color:var(--gd);line-height:1}
.hstat .l{font-size:20px;color:rgba(245,240,232,.45);margin-top:2px}

.trust{background:#0F1629;padding:.875rem 2rem;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;border-bottom:1px solid var(--sa2)}
.ti{display:flex;align-items:center;gap:7px;font-size:22px;color:#C7A27C}
.ti i{color:var(--gd);font-size:20px}

.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#2A3050}
.feat-i{background:#0F1629;padding:2rem 1.5rem;text-align:center}
.feat-ico{width:48px;height:48px;border:1px solid var(--sa2);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--gd);font-size:26px}
.feat-name{font-size:24px;font-weight:700;margin-bottom:.5rem}
.feat-desc{font-size:22px;color:var(--sl);line-height:1.8}

.pkg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pkg-c{background:#0F1629;border:1px solid var(--sa2);padding:1.75rem 1.25rem;text-align:center;position:relative}
.pkg-c.feat{background:var(--nv);border-color:var(--gd)}
.pkg-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--gd);color:var(--nv);font-size:12px;font-weight:700;letter-spacing:1.5px;padding:3px 12px;white-space:nowrap;text-transform:uppercase}
.pkg-n{font-size:46px;font-weight:700;color:#FFFFFF;line-height:1}
.pkg-c.feat .pkg-n{color:var(--gd)}
.pkg-l{font-size:16px;color:#C7A27C;margin:4px 0 1rem}
.pkg-c.feat .pkg-l{color:rgba(245,240,232,.4)}
.pkg-p{font-size:26px;font-weight:700;color:var(--gd)}
.pkg-v{font-size:15px;color:rgba(199,162,124,.7);margin:4px 0 1.25rem}
.pkg-c.feat .pkg-v{color:rgba(245,240,232,.35)}

.tr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.tr-card{background:#0F1629;border:1px solid var(--sa2);padding:1.5rem;display:flex;gap:1.25rem}
.tr-card:hover{border-color:var(--gd)}
.tr-ava{width:64px;height:64px;border-radius:50%;background:var(--sa);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0;color:var(--nv)}
.tr-name{font-size:24px;font-weight:700}
.tr-cert{font-size:13px;font-weight:700;letter-spacing:1px;color:var(--gd);text-transform:uppercase;margin:3px 0 6px}
.tr-bio{font-size:20px;color:var(--sl);line-height:1.8}

/* ── Booking ── */
.bk-steps{display:flex;border-bottom:1px solid var(--sa2);margin-bottom:2rem;overflow-x:auto}
.bk-s{flex:1;text-align:center;padding:12px 4px;font-size:20px;font-weight:600;color:var(--sl);border-bottom:2px solid transparent;white-space:nowrap;min-width:60px}
.bk-s.on{color:var(--nv);border-bottom-color:var(--gd)}
.bk-s.done{color:var(--gd)}
.bk-p{display:none}.bk-p.on{display:block}

/* Calendar */
.cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.cal-nav{background:none;border:1px solid var(--sa2);width:36px;height:36px;cursor:pointer;font-size:18px;color:var(--nv);display:flex;align-items:center;justify-content:center;border-radius:2px}
.cal-nav:hover{border-color:var(--gd)}
.cal-title{font-size:18px;font-weight:700;color:var(--nv)}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.cal-dh{text-align:center;font-size:14px;font-weight:600;color:var(--sl);padding:6px 0}
.cal-d{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:16px;cursor:pointer;border:1px solid transparent;transition:.15s;color:var(--nv)}
.cal-d:hover:not(.dis):not(.emp){background:var(--sa);border-color:var(--sa2)}
.cal-d.today{border-color:var(--gd);color:var(--gd);font-weight:700}
.cal-d.sel{background:var(--gd);color:#fff;border-color:var(--gd)}
.cal-d.dis{color:var(--sa2);cursor:default}
.cal-d.emp{cursor:default}
.cal-d.avail{font-weight:600}

/* Time slots */
.t-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:1.5rem}
.t-opt{border:1px solid var(--sa2);padding:10px 4px;text-align:center;cursor:pointer;font-size:16px;font-weight:600;background:#fff;border-radius:2px;transition:.15s}
.t-opt:hover:not(.full){border-color:var(--gd)}
.t-opt.on{border-color:var(--gd);background:var(--gd);color:var(--nv)}
.t-opt.full{background:var(--sa2);color:var(--sl);cursor:default;border-color:transparent}
.t-sub{font-size:13px;font-weight:400;margin-top:2px}

/* Summary bar */
.sum-bar{background:var(--sa);border:1px solid var(--sa2);padding:.875rem 1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:20px;color:var(--sl)}
.sum-bar strong{color:var(--nv)}
.sum-sep{color:var(--sa2)}

/* Confirm */
.conf-card{border:1px solid var(--sa2);border-radius:2px;overflow:hidden;margin-bottom:1rem}
.conf-head{background:var(--nv);padding:1.5rem;text-align:center}
.conf-ref{font-size:50px;font-weight:700;color:var(--gd);letter-spacing:6px;line-height:1}
.conf-body{padding:1.25rem;display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center}
.conf-row{display:flex;align-items:center;gap:8px;font-size:20px;color:var(--sl);margin-bottom:7px}
.conf-row i{font-size:20px;color:var(--gd)}
.conf-row strong{color:var(--nv)}
.qr-box-sm{background:#fff;border:1px solid var(--sa2);padding:.75rem;text-align:center;border-radius:2px}

/* Package pick */
.pkg-pick{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:1.5rem}
.po{border:1px solid var(--sa2);padding:1.25rem 1rem;cursor:pointer;text-align:center;background:#fff;transition:.15s}
.po:hover,.po.on{border-color:var(--gd);background:var(--nv)}
.po.on .po-n,.po.on .po-p{color:var(--gd)}
.po.on .po-s,.po.on .po-v{color:rgba(245,240,232,.45)}
.po-n{font-size:32px;font-weight:700;color:var(--nv)}
.po-s{font-size:16px;color:var(--sl);margin:2px 0}
.po-p{font-size:18px;font-weight:700;color:var(--gd)}
.po-v{font-size:14px;color:var(--sl)}

/* Profile */
.prof-top{background:var(--nv);padding:2rem 1.5rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.prof-ava{width:64px;height:64px;border-radius:50%;background:rgba(201,169,110,.15);border:1px solid var(--gd);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--gd);flex-shrink:0}
.prof-name{font-size:24px;font-weight:700;color:var(--iv)}
.prof-sub{font-size:14px;color:rgba(201,169,110,.7);letter-spacing:1.5px;text-transform:uppercase;margin-top:2px}
.ptabs{display:flex;background:#fff;border-bottom:1px solid var(--sa2)}
.ptab{flex:1;background:none;border:none;border-bottom:2px solid transparent;padding:12px 8px;font-family:Tajawal,Arial;font-size:20px;font-weight:600;color:var(--sl);cursor:pointer;transition:.2s}
.ptab.on{color:var(--nv);border-bottom-color:var(--gd)}
.pt-c{display:none;padding:1.5rem}.pt-c.on{display:block}
.sub-box{background:#0F1629;padding:1.25rem;margin-bottom:1.25rem;border-radius:2px}
.pips{display:flex;gap:4px;flex-wrap:wrap;margin:.75rem 0 .25rem}
.pip{width:22px;height:6px;border-radius:3px}
.pip.u{background:var(--gd)}.pip.l{background:var(--nv)}
.bk-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--sa);font-size:20px}
.bk-row:last-child{border:none}
.qr-card{background:var(--nv);padding:2rem;text-align:center}
.qr-wrap{background:#fff;padding:1rem;display:inline-block;margin:1rem 0;border-radius:4px}
.sess-left{display:inline-flex;align-items:center;gap:.5rem;background:rgba(201,169,110,.15);border:1px solid rgba(201,169,110,.3);padding:.5rem 1.25rem;border-radius:20px;margin:.75rem 0}
.sess-left .num{font-size:30px;font-weight:700;color:var(--gd);line-height:1}
.sess-left .lbl{font-size:16px;color:rgba(245,240,232,.55)}

/* Admin */
.adm-wrap{display:grid;grid-template-columns:210px 1fr;min-height:calc(100vh - 56px)}
.adm-side{background:var(--nv);padding:1.5rem 0}
.adm-sl{font-size:12px;font-weight:700;letter-spacing:3px;color:rgba(245,240,232,.2);text-transform:uppercase;padding:0 1.25rem;margin-bottom:.75rem;display:block}
.adm-mi{display:flex;align-items:center;gap:9px;padding:12px 1.25rem;font-size:18px;font-weight:500;color:rgba(245,240,232,.5);cursor:pointer;border-right:2px solid transparent;transition:.2s}
.adm-mi i{font-size:19px}
.adm-mi:hover{color:var(--iv);background:rgba(255,255,255,.04)}
.adm-mi.on{color:var(--gd);border-right-color:var(--gd);background:rgba(201,169,110,.06)}
.adm-main{background:#EFEBE2;padding:1.5rem;overflow-y:auto}
.adm-pnl{display:none}.adm-pnl.on{display:block}
.adm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:1.5rem}
.ast{background:#fff;border:1px solid var(--sa2);padding:1rem;text-align:center}
.ast .n{font-size:34px;font-weight:700;color:var(--nv)}
.ast .n.g{color:var(--gr)}.ast .n.go{color:var(--gd)}.ast .n.r{color:var(--rd)}
.ast .l{font-size:16px;font-weight:700;letter-spacing:1.5px;color:var(--sl);text-transform:uppercase;margin-top:4px}
.adm-card{background:#fff;border:1px solid var(--sa2);padding:1.25rem;margin-bottom:1.25rem}
.adm-card-t{font-size:18px;font-weight:700;letter-spacing:1px;color:var(--sl);text-transform:uppercase;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.tbl{width:100%;border-collapse:collapse;font-size:20px}
.tbl th{text-align:right;padding:10px;font-size:16px;font-weight:700;letter-spacing:1px;color:var(--sl);text-transform:uppercase;border-bottom:1px solid var(--sa2);white-space:nowrap}
.tbl td{padding:12px 10px;border-bottom:1px solid var(--sa);vertical-align:middle}
.tbl tr:last-child td{border:none}.tbl tr:hover td{background:var(--sa)}
.tog{width:36px;height:20px;background:var(--sa2);border-radius:10px;position:relative;cursor:pointer;border:none;display:inline-block;vertical-align:middle}
.tog.on{background:var(--gr)}
.tog:after{content:'';position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;right:2px;transition:.2s}
.tog.on:after{right:18px}
.scan-zone{background:var(--nv);padding:2.5rem;text-align:center;cursor:pointer;border:2px dashed rgba(201,169,110,.3);margin-bottom:1rem;transition:.2s}
.scan-zone:hover{border-color:var(--gd)}
.scan-res{background:#fff;border:1px solid var(--sa2);padding:1.5rem;display:none}
.scan-res.on{display:block}
.prog-bar{height:8px;background:var(--sa2);border-radius:4px;overflow:hidden;margin-top:8px}
.prog-fill{height:100%;background:var(--gd);border-radius:4px;transition:width .5s}

/* Footer */
.footer{background:#12122A;color:rgba(245,240,232,.4);padding:2.5rem 2rem 1.25rem}
.ft-inner{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2rem;margin-bottom:2rem}
.ft-logo{font-size:20px;font-weight:700;letter-spacing:4px;color:rgba(245,240,232,.45);text-transform:uppercase;margin-bottom:.5rem}
.ft-links{display:flex;flex-direction:column;gap:.5rem}
.ft-links a{font-size:22px;color:rgba(245,240,232,.4)}.ft-links a:hover{color:var(--gd)}
.ft-copy{text-align:center;font-size:18px;border-top:1px solid rgba(245,240,232,.07);padding-top:1.25rem}

@media(max-width:900px){
  .hero{grid-template-columns:1fr;padding:2.5rem 1.25rem}
  .hstats{flex-direction:row;flex-wrap:wrap}
  .hstat{flex:1;min-width:120px}
  .feat-grid,.tr-grid{grid-template-columns:1fr}
  .pkg-grid{grid-template-columns:repeat(2,1fr)}
  .ft-inner{grid-template-columns:1fr}
  .adm-wrap{grid-template-columns:1fr}
  .adm-side{display:flex;flex-wrap:wrap;overflow-x:auto;padding:.5rem 0}
  .adm-mi{border-right:none;border-bottom:2px solid transparent;padding:8px 12px;white-space:nowrap}
  .adm-mi.on{border-bottom-color:var(--gd);border-right-color:transparent}
  .adm-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .nav-links{display:none;flex-direction:column;position:absolute;top:56px;right:0;left:0;background:var(--nv);padding:.75rem 0;z-index:400}
  .nav-links.open{display:flex}
  .nav-links a{height:44px;padding:0 1.5rem;border:none}
  .ham{display:block}
  .nav-cta{display:none}
  .pkg-grid,.pkg-pick{grid-template-columns:1fr}
  .g2{grid-template-columns:1fr}
  .t-grid{grid-template-columns:repeat(3,1fr)}
  .conf-body{grid-template-columns:1fr}
  .sec{padding:2.5rem 1rem}
}

/* ── شريط إعلاني ── */
.top-banner{background:#C7A27C;color:#0A0F1F;text-align:center;padding:12px 0;font-size:20px;font-weight:600;letter-spacing:.5px;position:sticky;top:0;z-index:201}
nav{top:48px}