/* 2026-10-19: مراكز صدى — the centres showcase that replaces «البرامج والأسعار» in the main menu */
.marakiz{background:#f7f6f2}
.mz-hero{background:#101f35;color:#fff;padding:44px 0 36px}
.mz-hero .atelier-overline{color:#9fe0c9}
.mz-hero h1{color:#fff;font-size:clamp(32px,6vw,54px);line-height:1.35;margin:8px 0 12px}
.mz-lead{font-size:18px;line-height:1.85;color:#d9e0ea;max-width:760px;margin:0 0 20px}
.mz-path{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;counter-reset:p;max-width:760px}
.mz-path li{counter-increment:p;background:#1c2d4a;border:1px solid #33486b;border-radius:12px;padding:10px 12px;display:grid;gap:2px}
.mz-path li:before{content:counter(p);font-size:12px;color:#9fe0c9;font-weight:700}
.mz-path b{color:#fff;font-size:15px}.mz-path span{color:#c9d3e2;font-size:12px;line-height:1.5}
.mz-hero .supervisor-line{color:#c9d3e2;border-color:#33486b;margin-top:10px}.mz-hero .supervisor-line b{color:#fff}
body.clarity-page.marakiz .mz-hero h1{color:#fff!important}
.mz-grid-wrap{padding:28px 0 8px}
.mz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.mz-card{background:#fff;border:1px solid #e3e6ec;border-radius:20px;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;box-shadow:0 1px 2px rgba(16,31,53,.04)}
.mz-head{display:grid;gap:4px;padding:18px 20px 16px;background:var(--c);color:#fff;text-decoration:none;position:relative}
.mz-head:after{content:'←';position:absolute;inset-inline-start:18px;bottom:16px;color:var(--a);font-size:20px}
.mz-brand{color:var(--a);font-weight:700;font-size:14px}
.mz-head b{font-size:22px;line-height:1.35;color:#fff}
.mz-badge{font-style:normal;font-size:12px;color:#fff;background:rgba(255,255,255,.14);border-radius:999px;padding:3px 10px;justify-self:start;margin-top:6px}
.mz-open{padding:14px 20px 8px}
.mz-open>span,.mz-tools>span{display:block;font-size:12px;font-weight:700;letter-spacing:.02em;color:#5a6577;margin-bottom:6px}
.mz-open>span{color:#0d6e6e}
.mz-open ul{margin:0;padding:0;list-style:none;display:grid;gap:5px}
.mz-open li{position:relative;padding-inline-start:18px;font-size:15px;line-height:1.6;color:#101f35}
.mz-open li:before{content:'';position:absolute;inset-inline-start:0;top:9px;width:8px;height:8px;border-radius:50%;background:var(--c)}
.mz-tools{margin:8px 14px 14px;padding:12px 14px;border-radius:14px;background:#f7f6f2;border:1px dashed #cfd5de}
.mz-tools p{margin:0 0 10px;font-size:14px;line-height:1.6;color:#3d4a5c}
.mz-tools-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mz-tools-row b{font-size:20px;color:var(--c)}.mz-tools-row .btn{padding:9px 14px;font-size:14px;min-height:40px;background:var(--c);border-color:var(--c)}
.mz-sec{padding:24px 0 8px}.mz-sec h2{font-size:clamp(22px,4vw,28px);margin:0 0 6px}.mz-sub{margin:0 0 14px;color:#3d4a5c}
.mz-doc{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;background:#0d1b2e;color:#fff;border-radius:20px;padding:22px 24px}
.mz-doc h2{color:#fff;margin:4px 0 6px}.mz-doc p{margin:0;color:#c9d3e2;max-width:640px;line-height:1.7}.mz-doc .atelier-overline{color:#d5bc8d}
.mz-doc .btn.secondary{background:transparent;color:#fff;border:1px solid #d5bc8d}
.mz-other{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.mz-other a{display:grid;gap:3px;background:#fff;border:1px solid #e3e6ec;border-radius:14px;padding:12px 14px;text-decoration:none;color:#101f35}
.mz-other b{font-size:15px}.mz-other span{font-size:13px;color:#5a6577;line-height:1.5}.mz-other em{font-style:normal;font-weight:700;color:#14284b;font-size:14px}
.mz-foot{font-size:14px;color:#5a6577;padding:14px 0 36px}
@media(max-width:760px){.mz-hero{padding:32px 0 26px}.mz-path{grid-template-columns:1fr 1fr}.mz-grid{grid-template-columns:1fr}.mz-doc .btn{width:100%}}