/* agreement page — builds on styles.css */
.ag-page .narrow{width:min(760px,100% - 2rem)}
@media (max-width:640px){ .ag-page nav{display:block} .ag-page nav li{display:none} .ag-page nav li.keep-m{display:block}
  .ag-page nav a{background:var(--lav-soft);color:var(--purple)} }
.ag-page nav a[aria-current="page"]{background:var(--lav-soft);color:var(--purple);font-weight:700}

/* page hero */
.page-hero-in{position:relative;z-index:2;text-align:center;padding:2.6rem 0 7.2rem}
.page-hero h1{color:var(--gold-2);font-size:clamp(2.1rem,8.5vw,3.2rem);margin:.2rem 0 .4rem;line-height:1.25}
.page-hero .lead{margin-inline:auto}
.ag-art{width:118px;margin:1.6rem auto 1.3rem;justify-self:auto}
.ag-art img{box-shadow:0 0 0 1px rgba(226,196,138,.55),0 0 0 6px rgba(255,255,255,.05),0 18px 34px -16px rgba(0,0,0,.6)}
.ag-art .phoenix .ph-tail{display:none}
.page-hero .lavender{height:150px}
@media (min-width:900px){ .page-hero-in{padding:3.4rem 0 8.4rem} .ag-art{width:150px;margin-top:2.6rem} .page-hero .lavender{height:180px} }

/* consent card */
.ag-consent{position:relative;z-index:4;margin-top:-3.2rem;padding-bottom:1rem}
.consent-card{position:relative;background:#fff;border-radius:26px;padding:1.7rem 1.35rem 1.5rem;box-shadow:0 24px 50px -26px rgba(63,46,88,.55);border:1px solid rgba(201,162,91,.35)}
.consent-card::before{content:"";position:absolute;inset:7px;border:1px solid rgba(201,162,91,.22);border-radius:20px;pointer-events:none}
.consent-card h2{font-size:clamp(1.5rem,6vw,1.9rem);text-align:center;margin-bottom:.6rem}
.consent-card h2::after{content:"";display:block;width:54px;height:2px;margin:.55rem auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.consent-intro{text-align:center;color:var(--muted);font-size:1.06rem;margin-bottom:1.2rem}
.pts{list-style:none;margin:0 0 1rem;padding:0}
.pts li{position:relative;padding-inline-start:1.55rem;margin:0 0 .8rem;line-height:1.95}
.pts li::before{content:"";position:absolute;inset-inline-start:.2rem;top:.78em;width:8px;height:8px;border-radius:50% 0 50% 0;background:linear-gradient(135deg,var(--lav),var(--purple-2));transform:rotate(45deg)}
.consent-pts li{font-size:1.04rem}
.pts a[href^="tel:"]{font-weight:700;color:var(--purple-2)}

.gate{margin-top:1.3rem;padding-top:1.3rem;border-top:1px dashed rgba(201,162,91,.55);display:flex;flex-direction:column;align-items:center;gap:.9rem}
.agree{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;background:var(--lav-soft);border:1.5px solid rgba(87,65,122,.18);border-radius:16px;padding:.85rem 1rem;width:100%;font-weight:600;color:var(--purple);line-height:1.7;transition:border-color .2s,background .2s}
.agree input{position:absolute;opacity:0;width:1px;height:1px}
.agree .box{flex:none;width:28px;height:28px;margin-top:.05rem;border-radius:8px;border:2px solid var(--purple-2);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:transparent;transition:background .2s,color .2s,border-color .2s}
.agree input:checked + .box{background:linear-gradient(135deg,var(--gold-2),var(--gold));border-color:var(--gold);color:var(--purple)}
.agree:has(input:checked){border-color:var(--gold);background:#fbf5e9}
.agree input:focus-visible + .box{outline:3px solid var(--gold);outline-offset:3px}
.book-btn{width:100%;max-width:420px}
.book-btn.is-off{background:#e7e1ee;color:#8a7f99;box-shadow:none;cursor:not-allowed;transform:none}
.gate-hint{margin:0;font-size:.92rem;color:var(--muted);text-align:center}
.gate-hint.nudge{color:var(--purple-2);animation:nudge .45s ease}
@keyframes nudge{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}

/* full agreement */
.ag-full{padding-top:2.6rem}
.full-head{text-align:center;margin-bottom:1.4rem}
.full-head .kicker::before{display:none}
.full-actions{display:flex;flex-wrap:wrap;gap:.6rem .9rem;justify-content:center;align-items:center;margin-top:.4rem}
.dl-btn{gap:.5rem}
.acc-all{font:inherit;font-size:.95rem;font-weight:600;color:var(--purple-2);background:transparent;border:0;border-bottom:1px dashed var(--gold);padding:.35rem .2rem;cursor:pointer}
.doc{background:#fff;border-radius:var(--radius);padding:1.5rem 1.25rem;box-shadow:var(--shadow);border:1px solid rgba(63,46,88,.07)}
.doc-head{text-align:center;margin-bottom:1.2rem}
.doc-head h3{font-size:clamp(1.35rem,5.4vw,1.7rem);margin:0 0 .2rem}
.doc-sub{color:var(--muted);margin:0}
.doc > p{font-size:1.04rem}
.acc-list{margin-top:1.4rem;border-top:1px solid rgba(63,46,88,.1)}
.acc{border-bottom:1px solid rgba(63,46,88,.1)}
.acc summary{list-style:none;display:flex;align-items:center;gap:.7rem;padding:1rem .2rem;cursor:pointer;min-height:56px}
.acc summary::-webkit-details-marker{display:none}
.acc-n{flex:none;font-size:.82rem;font-weight:700;color:var(--gold);background:#fbf5e9;border:1px solid #ecd9b2;border-radius:999px;padding:.05rem .65rem;line-height:1.7}
.acc-t{flex:1;font-family:'El Messiri','Tajawal',serif;font-weight:600;font-size:1.12rem;color:var(--purple);line-height:1.5}
.acc-i{flex:none;width:28px;height:28px;border-radius:50%;background:var(--lav-soft);position:relative}
.acc-i::before,.acc-i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;margin:-1px 0 0 -5.5px;background:var(--purple-2);border-radius:2px;transition:transform .25s}
.acc-i::after{transform:rotate(90deg)}
.acc[open] .acc-i::after{transform:rotate(0)}
.acc summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:10px}
.acc-b{padding:0 .2rem 1.1rem}
.acc-b h4{font-family:'El Messiri','Tajawal',serif;font-size:1.05rem;color:var(--purple-2);margin:1rem 0 .5rem}
.acc-b p{margin:0 0 .9rem}
.crisis{margin:1rem 0 .4rem;padding:1.1rem 1.2rem;border-radius:16px;background:linear-gradient(160deg,#4a3668,#3a2a52);color:#ece4f7;border-inline-start:4px solid var(--gold)}
.crisis h4{color:var(--gold-2);margin-top:0}
.crisis p{margin:0 0 .6rem}.crisis p:last-child{margin:0;font-weight:600}
.crisis a{color:var(--gold-2);font-weight:700}
.checks{list-style:none;padding:0;margin:.4rem 0 1rem}
.checks li{position:relative;padding-inline-start:2.1rem;margin:0 0 .7rem;font-weight:600;color:var(--purple)}
.checks li::before{content:"";position:absolute;inset-inline-start:0;top:.35em;width:20px;height:20px;border:2px solid var(--purple-2);border-radius:6px;background:#fff}
.closing{text-align:center;font-family:'El Messiri','Tajawal',serif;font-weight:600;color:#a77f33;font-size:1.12rem;margin-top:1.2rem!important}
.back-gate{text-align:center;margin-top:1.6rem}
@media (min-width:700px){ .consent-card{padding:2.2rem 2.4rem 2rem} .doc{padding:2.2rem 2.4rem} }
@media (prefers-reduced-motion:reduce){ .gate-hint.nudge{animation:none} .acc-i::before,.acc-i::after{transition:none} }
.page-hero h1{font-size:clamp(1.9rem,7.6vw,3rem)}
.doc > p:first-child{margin-top:0}
@media (max-width:640px){ .ag-page .music-btn{padding:8px} .ag-page .music-btn .music-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap} .ag-page .music-ico{width:30px;height:30px} }
.ag-art{margin-top:2.4rem;margin-bottom:2rem}
.ag-art .phoenix-img{width:170%}
.page-hero .lav-real{height:200px}
@media (min-width:900px){.page-hero .lav-real{height:260px}}
.ag-art{margin-top:5.2rem}
.ag-art .phoenix-img{width:185%}
@media (min-width:900px){.ag-art{margin-top:6rem}}

/* v14: one more menu item («بَراح في السينما») — tighter pills on narrow tablets */
@media (min-width:641px) and (max-width:1000px){ nav a{padding:.4rem .5rem;font-size:.9rem} }

/* justify body paragraphs like the articles (Yasmin 31 Oct) */
.wrap.narrow:not(.center) > p, .wrap.narrow:not(.center) p:not(.ayah):not([class*="center"]), .card.svc p, .pts li, .pts p, .doc p, .acc-b p, .acc-b li, .cin-card-x{text-align:justify;text-justify:inter-word}

.v-line p,.v-line,.consent-intro p,.consent-intro{text-align:center!important}