/* NOXILIS DZ v7.15 — dedicated services page */
.services-icon-link{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:42px;padding:.45rem .7rem;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:var(--card2);text-decoration:none;font-size:.78rem;font-weight:800;white-space:nowrap;transition:transform .18s,border-color .18s}.services-icon-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.services-icon-link:hover{border-color:var(--pop);transform:translateY(-1px)}
.services-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.2rem}.services-brand{font-family:'Reem Kufi',sans-serif;font-weight:900;font-size:1.2rem;letter-spacing:.04em;color:var(--ink);text-decoration:none}.services-brand span{color:var(--pop)}.services-top-actions{display:flex;align-items:center;gap:.6rem}.services-home-link{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .8rem;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);font-weight:800;font-size:.85rem}.services-main{padding-block:1rem 3rem}.services-hero{position:relative;overflow:hidden;padding:clamp(1.3rem,4vw,2.6rem);border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 8% 8%,color-mix(in srgb,var(--pop) 15%,transparent),transparent 40%),linear-gradient(135deg,var(--surface),var(--card2));box-shadow:0 18px 40px -32px var(--shk)}.services-hero-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:16px;background:color-mix(in srgb,var(--pop) 15%,var(--surface));color:var(--pop);font-size:1.6rem}.services-eyebrow{margin:.9rem 0 .2rem;color:var(--pop);font-size:.78rem;font-weight:900;letter-spacing:.08em}.services-hero h1{margin:.25rem 0;font-family:'Reem Kufi',sans-serif;font-size:clamp(1.45rem,4.8vw,2.3rem);line-height:1.5}.services-hero>p:not(.services-eyebrow){max-width:48rem;color:var(--muted);line-height:1.9;margin:.5rem 0 1rem}.services-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem}.services-hero-pills span,.service-status-pill,.coming-badge{display:inline-flex;align-items:center;padding:.35rem .7rem;border:1px solid var(--line);border-radius:999px;background:var(--card2);font-size:.75rem;font-weight:800}.services-section{margin-top:1.1rem;padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 14px 30px -30px var(--shk)}.services-section-title{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.services-section-title>span:first-child{display:grid;place-items:center;flex:0 0 3rem;height:3rem;border-radius:15px;background:color-mix(in srgb,var(--pop) 12%,var(--surface));font-size:1.5rem}.services-section-title h2{margin:0;font-family:'Reem Kufi',sans-serif;font-size:1.25rem}.services-section-title p{margin:.15rem 0 0;color:var(--muted);font-size:.83rem;line-height:1.7}.service-status-pill{margin-inline-start:auto;color:var(--muted);white-space:nowrap}.services-page .prayer-learning-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem}.services-page .prayer-lesson{min-width:0;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem .5rem;border:1px solid var(--line);border-radius:16px;background:var(--card2);color:var(--ink);cursor:pointer;font:inherit;transition:transform .18s,border-color .18s}.services-page .prayer-lesson:hover{border-color:var(--pop);transform:translateY(-2px)}.services-page .prayer-lesson>span{font-size:1.45rem}.services-page .prayer-lesson b{font-size:.9rem}.services-page .prayer-lesson small{font-size:.72rem;color:var(--muted);text-align:center;line-height:1.6}.learning-benefits,.mushafi-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1rem}.learning-benefits article,.mushafi-feature-grid article{padding:.9rem;border:1px solid var(--line);border-radius:15px;background:var(--card2)}.learning-benefits b,.mushafi-feature-grid b{display:block;font-size:.88rem}.learning-benefits p,.mushafi-feature-grid p,.mushafi-note,.prayer-learning-note{color:var(--muted);font-size:.8rem;line-height:1.85;margin:.35rem 0 0}.mushafi-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mushafi-feature-grid article>span{display:grid;place-items:center;width:2.2rem;height:2.2rem;margin-bottom:.5rem;border-radius:10px;background:color-mix(in srgb,var(--pop) 12%,var(--surface));color:var(--pop);font-weight:900;font-size:1.2rem}.mushafi-note{margin-top:1rem;padding:.75rem;border-inline-start:3px solid var(--pop);background:var(--card2);border-radius:8px}.services-coming{display:flex;align-items:center;gap:.9rem;margin-top:1.1rem;padding:1rem 1.2rem;border:1px dashed color-mix(in srgb,var(--pop) 55%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--pop) 5%,var(--surface))}.services-coming>span:first-child{font-size:1.7rem}.services-coming h2{font-family:'Reem Kufi',sans-serif;font-size:1rem;margin:0}.services-coming p{font-size:.82rem;color:var(--muted);line-height:1.7;margin:.2rem 0 0}.coming-badge{margin-inline-start:auto;white-space:nowrap}.services-page footer{padding-block:1.5rem;text-align:center;color:var(--muted);font-size:.8rem}.services-page footer a{color:var(--pop)}
@media(max-width:42rem){.services-page .prayer-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-page .prayer-lesson:last-child{grid-column:1/-1}.learning-benefits,.mushafi-feature-grid{grid-template-columns:1fr 1fr}.services-coming{align-items:flex-start}.services-coming .coming-badge{margin-inline-start:auto}.services-topbar{min-height:3.7rem}.services-brand{font-size:1rem}.services-home-link{font-size:.78rem;padding:.5rem .6rem}}
@media(max-width:23rem){.learning-benefits,.mushafi-feature-grid{grid-template-columns:1fr}.services-coming{flex-wrap:wrap}.coming-badge{margin-inline-start:0}}

/* v7.16.0 — visual consistency with the refreshed NOXILIS home page */
.services-page{background-image:radial-gradient(ellipse at 0 0,rgba(8,127,99,.07),transparent 38%),radial-gradient(ellipse at 100% 30%,rgba(197,164,90,.06),transparent 30%)}
.services-page header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--surface) 92%,transparent);}
.services-main{max-width:55rem;padding-top:1.1rem;padding-bottom:2rem}
.services-hero{border-radius:1.5rem;padding:clamp(1.35rem,4vw,2.4rem);box-shadow:0 18px 45px -34px rgba(7,76,56,.4)}
.services-hero h1{line-height:1.4;font-size:clamp(1.65rem,5vw,2.25rem)}
.services-hero>p:not(.services-eyebrow){max-width:42rem;margin-inline:auto;line-height:1.95}
.services-section{border-radius:1.25rem;padding:clamp(1rem,3vw,1.5rem);box-shadow:0 12px 35px -30px rgba(7,76,56,.35)}
.prayer-lesson,.learning-benefits article,.mushafi-feature-grid article{border-radius:1rem;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.prayer-lesson:hover,.mushafi-feature-grid article:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 10px 24px -20px var(--shk)}
.services-coming{border-radius:1.15rem}
.services-page footer{margin-top:1rem}
@media(max-width:520px){.services-main{padding-top:.7rem}.services-hero{border-radius:1.15rem}.services-section{border-radius:1rem}}