/* booking page */
[hidden]{display:none!important}
.book-wrap{padding-bottom:3rem}
.done-card{display:none;text-align:center}
.done-card.show,.done-card:target{display:block}
.done-card:target ~ .book-form{display:none}
.gold-heart{display:block;margin:0 auto .6rem;filter:drop-shadow(0 4px 10px rgba(201,162,91,.45))}
.done-main{font-size:1.15rem;font-weight:600;color:var(--purple)}
.done-pay,.done-free{background:#fbf5e9;border:1px solid #ecd9b2;color:#5b4826;border-radius:14px;padding:.8rem 1rem}
.done-note{color:var(--muted)}
.book-form{display:block}
.form-err{background:#fdeeee;border:1px solid #efc4c4;color:#7a2b2b;border-radius:12px;padding:.7rem 1rem;font-weight:600}
.fs,.fs-inline{border:0;margin:0 0 1.2rem;padding:0;min-width:0}
.fs legend,.fs-inline legend,.field label{display:block;font-weight:700;color:var(--purple);margin-bottom:.45rem;padding:0;font-size:1rem}
.fs legend{font-family:'El Messiri','Tajawal',serif;font-size:1.3rem;text-align:center;width:100%;margin-bottom:.9rem}
.svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
.svc-opt{position:relative;cursor:pointer;display:block}
.svc-opt input{position:absolute;opacity:0;width:1px;height:1px}
.svc-box{display:flex;flex-direction:column;gap:.1rem;height:100%;border:1.5px solid rgba(87,65,122,.18);border-radius:16px;padding:.8rem .85rem;background:var(--lav-soft);transition:border-color .2s,background .2s,box-shadow .2s;line-height:1.5}
.svc-name{font-weight:700;color:var(--purple);font-size:1.02rem}
.svc-meta{font-size:.86rem;color:var(--muted)}
.svc-price{margin-top:.25rem;font-weight:700;color:#a77f33;font-size:.95rem}
.svc-opt input:checked + .svc-box{border-color:var(--gold);background:#fbf5e9;box-shadow:0 0 0 3px rgba(201,162,91,.22)}
.svc-opt input:focus-visible + .svc-box{outline:3px solid var(--gold);outline-offset:2px}
.field{margin:0 0 1.1rem}
.field .req{color:#a77f33}
.field .opt{font-weight:400;color:var(--muted);font-size:.9rem}
.book-form input[type=text],.book-form input[type=tel],.book-form input[type=email],.book-form input[type=date],.book-form textarea{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:#fff;border:1.5px solid rgba(87,65,122,.25);border-radius:14px;padding:.7rem .9rem;min-height:50px;transition:border-color .2s,box-shadow .2s}
.book-form input[dir=ltr]{text-align:right}
.book-form input:focus,.book-form textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,91,.25)}
.book-form textarea{resize:vertical;line-height:1.8}
.help{margin:.35rem 0 0;font-size:.88rem;color:var(--muted)}
.two{display:grid;gap:1rem}
@media (min-width:640px){ .two{grid-template-columns:1fr 1fr;align-items:start} }
.two .fs-inline{margin:0}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chips label{position:relative;cursor:pointer}
.chips input{position:absolute;opacity:0;width:1px;height:1px}
.chips span{display:inline-flex;align-items:center;min-height:44px;padding:.35rem 1rem;border-radius:999px;border:1.5px solid rgba(87,65,122,.22);background:#fff;color:var(--purple);font-weight:600;font-size:.95rem}
.chips input:checked + span{background:var(--purple);border-color:var(--purple);color:#fff}
.chips input:focus-visible + span{outline:3px solid var(--gold);outline-offset:2px}
.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.short-terms{width:100%;background:#fff;border:1px solid rgba(201,162,91,.4);border-radius:14px}
.short-terms summary{cursor:pointer;padding:.75rem 1rem;font-weight:700;color:var(--purple-2);list-style:none}
.short-terms summary::-webkit-details-marker{display:none}
.short-terms summary::after{content:"+";float:left;color:var(--gold);font-size:1.2rem;line-height:1}
.short-terms[open] summary::after{content:"−"}
.st-body{padding:0 1rem .6rem;font-size:.97rem}
.book-btn:disabled{opacity:.7;cursor:wait}

/* 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}