:root{
  --bg:#F1F4F7;
  --surface:#FFFFFF;
  --surface-2:#E7ECF1;
  --ink:#0E1B2A;
  --ink-soft:#45566A;
  --ink-faint:#7C8A9A;
  --brand:#1E3843;
  --brand-2:#132A32;
  --brand-tint:#E6ECEC;
  --accent:#F2A33D;
  --accent-2:#D9861F;
  --good:#2F7D5B;
  --good-tint:#E1F0E8;
  --bad:#C0392B;
  --bad-tint:#FBE7E4;
  --border:#D8DEE5;
  --radius-s:10px;
  --radius-m:16px;
  --radius-l:24px;
  --maxw:980px;
}
*{box-sizing:border-box;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:'IBM Plex Sans Arabic','Cairo',system-ui,sans-serif;
  text-align:start;
  line-height:1.7;
}
a{color:inherit;text-decoration:none;}
h1,h2,h3{font-family:'Cairo',system-ui,sans-serif;font-weight:800;margin:0 0 12px;}
p{margin:0 0 10px;}
.container{max-width:var(--maxw);margin:0 auto;padding:0 20px;}

header.site{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;}
.nav-row{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px;}
.brand{display:flex;align-items:center;gap:10px;font-family:'Cairo',sans-serif;font-weight:800;font-size:1.1rem;}
.brand img{width:38px;height:38px;object-fit:contain;background:#fff;border-radius:8px;padding:4px;border:1px solid var(--border);}
nav.links{display:flex;align-items:center;gap:18px;font-weight:600;font-size:0.92rem;}
nav.links a:hover{color:var(--brand);}
.cart-badge{background:var(--accent);color:#fff;border-radius:999px;padding:1px 8px;font-size:0.72rem;margin-inline-start:4px;}
.lang-switch{display:flex;align-items:center;gap:6px;font-size:0.78rem;color:var(--ink-faint);border-inline-start:1px solid var(--border);padding-inline-start:14px;margin-inline-start:2px;}
.lang-switch a{padding:2px 6px;border-radius:6px;}
.lang-switch a.active{background:var(--brand-tint);color:var(--brand);font-weight:700;}
.badge-emergency{display:inline-block;background:var(--bad);color:#fff;border-radius:999px;padding:3px 12px;font-size:0.78rem;font-weight:700;margin-bottom:10px;}

main{padding:32px 0 60px;min-height:60vh;}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 20px;border-radius:999px;font-weight:700;font-size:0.92rem;
  border:1px solid transparent;cursor:pointer;background:var(--accent);color:#fff;
}
.btn:hover{background:var(--accent-2);}
.btn-ghost{background:transparent;color:var(--brand);border-color:var(--border);}
.btn-ghost:hover{border-color:var(--brand);}
.btn-brand{background:var(--brand);color:#fff;}
.btn-brand:hover{background:var(--brand-2);}
.btn-danger{background:var(--bad);color:#fff;}
.btn-sm{padding:7px 14px;font-size:0.82rem;}
.btn[disabled]{opacity:0.5;cursor:not-allowed;}

.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);padding:20px;}
.grid{display:grid;gap:16px;}
.grid-2{grid-template-columns:1fr 1fr;}
@media (max-width:720px){.grid-2{grid-template-columns:1fr;}}

.service-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);padding:18px;display:flex;flex-direction:column;gap:8px;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease;}
.service-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(14,27,42,0.1);border-color:var(--accent);}
.service-card h3{font-size:1rem;}
.service-card .price{font-weight:800;color:var(--brand);font-size:1.05rem;}
.service-card p{font-size:0.86rem;color:var(--ink-soft);}
.service-card{position:relative;overflow:hidden;border-top:3px solid var(--cat,var(--brand));}
.service-icon{
  width:74px;height:74px;border-radius:18px;flex:none;
  background:linear-gradient(160deg,var(--cat-tint,var(--brand-tint)),var(--cat-tint2,var(--cat-tint,var(--brand-tint))));
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  transition:transform 0.25s ease,box-shadow 0.25s ease;
}
.service-card:hover{border-color:var(--cat,var(--accent));box-shadow:0 12px 26px -6px color-mix(in srgb, var(--cat,var(--brand)) 45%, transparent);}
.service-card:hover .service-icon{transform:scale(1.06) rotate(-2deg);box-shadow:0 8px 18px -4px color-mix(in srgb, var(--cat,var(--brand)) 50%, transparent);}
.service-cta{width:100%;margin-top:4px;background:var(--cat,var(--accent));}
.service-cta:hover{background:var(--cat,var(--accent-2));filter:brightness(0.9);}
.category-title{margin-top:32px;margin-bottom:14px;font-size:1.2rem;color:var(--cat,var(--brand));border-bottom:2px solid var(--cat,var(--accent));display:inline-flex;align-items:center;gap:10px;padding-bottom:4px;scroll-margin-top:90px;}
.cat-icon-badge{width:34px;height:34px;flex:none;border-radius:999px;background:var(--cat,var(--brand));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px -2px color-mix(in srgb, var(--cat,var(--brand)) 55%, transparent);}

.hero{padding:8px 0 12px;}
@keyframes fadeInUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
.fade-in-up{opacity:0;animation:fadeInUp 0.55s ease both;}

/* ===== شريط الهيرو الملوّن (تحديث 2026-09-03: منصة أكثر حيوية) ===== */
.hero-band{
  position:relative;overflow:hidden;border-radius:var(--radius-l);
  background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 55%,#0B1F26 100%);
  padding:44px 32px;margin-bottom:28px;color:#fff;isolation:isolate;
}
.hero-blob{position:absolute;border-radius:50%;filter:blur(2px);opacity:0.55;z-index:0;animation:heroFloat 7s ease-in-out infinite;}
.hero-blob-1{width:220px;height:220px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);top:-70px;inset-inline-end:-60px;animation-delay:0s;}
.hero-blob-2{width:170px;height:170px;background:radial-gradient(circle,#2E86C1 0%,transparent 70%);bottom:-60px;inset-inline-start:8%;animation-delay:1.4s;}
.hero-blob-3{width:130px;height:130px;background:radial-gradient(circle,#0E9C9A 0%,transparent 70%);top:20%;inset-inline-start:38%;animation-delay:2.6s;}
@keyframes heroFloat{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-16px) scale(1.06);}}
.hero-inner{position:relative;z-index:1;max-width:640px;}
.hero-inner h1{color:#fff;font-size:1.7rem;margin-bottom:10px;}
.hero-inner p{color:rgba(255,255,255,0.82);font-size:0.95rem;}
.hero-rating{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap;}
.hero-rating .stars{color:var(--accent);font-size:1.2rem;letter-spacing:2px;}
.hero-rating .score{color:#fff;font-weight:800;font-size:1.05rem;}
.hero-rating .count{color:rgba(255,255,255,0.72);font-size:0.82rem;}
.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.hero-badge{background:rgba(255,255,255,0.14);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,0.22);border-radius:999px;padding:6px 14px;font-size:0.8rem;font-weight:700;color:#fff;}
@media (max-width:640px){.hero-band{padding:30px 20px;}.hero-inner h1{font-size:1.35rem;}}

/* ===== شريط الفئات الملوّن (قفز سريع) ===== */
.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px;}
.chip{display:inline-flex;align-items:center;gap:7px;background:var(--cat-tint);color:var(--cat);border:1px solid color-mix(in srgb, var(--cat) 35%, transparent);border-radius:999px;padding:7px 14px 7px 10px;font-size:0.84rem;font-weight:700;transition:background 0.2s ease,transform 0.15s ease;}
.chip:hover{background:var(--cat);color:#fff;transform:translateY(-2px);}
.chip-icon{display:flex;}

.field{margin-bottom:16px;}
.field label{display:block;font-weight:700;font-size:0.88rem;margin-bottom:6px;}
.field input,.field select,.field textarea{
  width:100%;padding:11px 12px;border-radius:var(--radius-s);border:1px solid var(--border);
  background:var(--bg);color:var(--ink);font-family:inherit;font-size:0.94rem;
}
.field textarea{min-height:100px;resize:vertical;}

.alert{padding:12px 16px;border-radius:var(--radius-s);margin-bottom:16px;font-size:0.9rem;}
.alert-error{background:var(--bad-tint);color:var(--bad);}
.alert-good{background:var(--good-tint);color:var(--good);}
.alert-warn{background:#FBEBD4;color:#9A6413;}

table.simple{width:100%;border-collapse:collapse;font-size:0.9rem;}
table.simple th,table.simple td{padding:10px 8px;border-bottom:1px solid var(--border);text-align:start;}
table.simple th{color:var(--ink-faint);font-weight:700;font-size:0.8rem;}

.status-pill{display:inline-flex;padding:4px 12px;border-radius:999px;font-size:0.78rem;font-weight:700;background:var(--brand-tint);color:var(--brand);}
.status-pill.good{background:var(--good-tint);color:var(--good);}
.status-pill.warn{background:#FBEBD4;color:#9A6413;}

footer{background:var(--ink);color:rgba(255,255,255,0.7);padding:28px 0;margin-top:40px;font-size:0.82rem;}
footer a:hover{color:#fff;}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,0.14);font-weight:600;}
.footer-links a{color:rgba(255,255,255,0.85);}
.footer-support{font-weight:700;color:rgba(255,255,255,0.9);}
.footer-support a{color:#fff;text-decoration:underline;text-underline-offset:3px;}

.service-edit-row summary{cursor:pointer;list-style:none;}
.service-edit-row summary::-webkit-details-marker{display:none;}
.service-edit-summary{display:flex;flex-direction:column;gap:2px;}

.guarantee-note{margin-top:14px;padding:10px 14px;border-radius:var(--radius-s);background:var(--good-tint);color:var(--good);font-size:0.82rem;font-weight:700;display:flex;align-items:center;gap:8px;}

.hint{color:var(--ink-faint);font-size:0.8rem;}
.photo-thumb{width:100%;border-radius:var(--radius-s);border:1px solid var(--border);}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:12px 0;}