/* صفحتا تقييم العملاء وآراء العملاء */
.crumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;list-style:none;margin:0 0 1.8rem;padding:0;font-size:.88rem;color:rgba(255,255,255,.7)}
.crumb li+li::before{content:"\2039";margin-inline-end:.5rem;opacity:.6}
.crumb a{transition:color .2s}
.crumb a:hover{color:var(--acc)}
.crumb [aria-current]{color:#fff;font-weight:600}
.hero.hero--in{padding:clamp(1.4rem,3vw,2.2rem) 0 clamp(3.5rem,7vw,5.5rem)}
.hero--in h1{margin-top:0}
:root{--err:#B42318}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--err:#FF9A8F}}
.fcard{position:relative;padding:clamp(1.6rem,3vw,2.6rem);border:1px solid var(--line);border-radius:30px;background:var(--surface);box-shadow:var(--sh)}
.fcard h2{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.5}
.fcard>p.lead{margin-top:.4rem;color:var(--muted)}
.req-note{margin-top:1.2rem;font-size:.85rem;color:var(--muted)}
.req{margin-inline-start:.2rem;color:var(--err)}
.cform{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:1.4rem}
.cform .full{grid-column:1/-1}
.fld{min-width:0}
.fld label{display:block;margin-bottom:.45rem;font-size:.95rem;font-weight:600}
.fld .opt{margin-inline-start:.4rem;font-size:.8rem;font-weight:400;color:var(--muted)}
.fld input,.fld select,.fld textarea{width:100%;min-height:54px;padding:.7rem 1rem;border:1.5px solid var(--line);border-radius:14px;background:var(--bg);color:var(--text);font:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s,background-color .2s}
.fld textarea{min-height:130px;resize:vertical;line-height:1.8}
.fld select{appearance:none;-webkit-appearance:none;padding-inline-end:2.6rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238A99AB' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 1rem center}
.fld input[type=tel]{direction:ltr;text-align:end}
.fld input:hover,.fld select:hover,.fld textarea:hover{border-color:color-mix(in srgb,var(--em) 50%,var(--line))}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:0;border-color:var(--em);box-shadow:0 0 0 4px color-mix(in srgb,var(--em) 18%,transparent)}
.fld [aria-invalid="true"]{border-color:var(--err);background:color-mix(in srgb,var(--err) 5%,var(--bg))}
.fld [aria-invalid="true"]:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--err) 18%,transparent)}
.hint{display:flex;justify-content:space-between;gap:1rem;margin-top:.4rem;font-size:.82rem;color:var(--muted)}
.err{display:none;gap:.4rem;align-items:flex-start;margin-top:.4rem;color:var(--err);font-size:.86rem;font-weight:500;line-height:1.6}
.err .ico{flex:none;width:1rem;height:1rem;margin-top:.2rem}
.fld.has-err .err{display:flex}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.consent{font-size:.84rem;color:var(--muted);line-height:1.8}
.consent a{color:var(--em-text);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.btn[disabled]{cursor:progress;opacity:.9;transform:none}
.spin{display:none;width:1.15em;height:1.15em;border:2.5px solid rgba(26,20,5,.25);border-top-color:#1A1405;border-radius:50%;animation:rot .8s linear infinite}
@keyframes rot{to{transform:rotate(360deg)}}
.cf[data-state="loading"] .spin{display:inline-block}
.cf[data-state="loading"] .fld input,.cf[data-state="loading"] .fld select,.cf[data-state="loading"] .fld textarea{pointer-events:none;opacity:.65}
.esum,.fbad{margin-top:1.4rem;padding:1.1rem 1.3rem;border:1.5px solid var(--err);border-radius:16px;background:color-mix(in srgb,var(--err) 8%,var(--surface))}
.esum[hidden],.fbad[hidden],.fok[hidden]{display:none}
.esum:focus,.fbad:focus,.fok:focus{outline:3px solid var(--acc);outline-offset:3px}
.esum h3,.fbad h3{display:flex;align-items:center;gap:.6rem;font-size:1.02rem;color:var(--err)}
.esum h3 .ico,.fbad h3 .ico{width:1.2rem;height:1.2rem}
.esum ul{display:grid;gap:.3rem;margin:.7rem 0 0;padding-inline-start:1.5rem}
.esum a{color:var(--text);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.fbad p{margin-top:.5rem;font-size:.93rem;line-height:1.8}
.fbad .row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem}
.fok{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.4rem 1rem;text-align:center}
.fok svg.tick{width:96px;height:96px}
.fok .c{fill:none;stroke:var(--em);stroke-width:4;stroke-dasharray:240;stroke-dashoffset:240;animation:draw .8s .1s ease forwards}
.fok .t{fill:none;stroke:var(--em);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:draw .5s .7s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.fok h2{font-size:1.6rem}
.fok p{max-width:42ch;color:var(--muted)}
.fok .row{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}
.cform[hidden]{display:none}
.hero--rv h1{margin-top:0}
.hero.hero--rv{padding-bottom:clamp(3.5rem,7vw,5rem)}
.rvw{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}
.stars-in{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:.3rem;border:0;padding:0;margin:0}
.stars-in legend{padding:0;margin-bottom:.45rem;font-size:.95rem;font-weight:600}
.stars-in input{position:absolute;opacity:0;width:1px;height:1px}
.stars-in label{cursor:pointer;color:var(--line);transition:color .15s,transform .15s;line-height:1}
.stars-in label .ico{width:2.6rem;height:2.6rem;fill:currentColor;stroke:none}
.stars-in input:checked~label,.stars-in label:hover,.stars-in label:hover~label{color:var(--acc)}
.stars-in input:focus-visible+label{outline:3px solid var(--acc);border-radius:8px}
.stars-in label:active{transform:scale(.92)}
.side-note{padding:1.6rem;border:1px solid var(--line);border-radius:24px;background:var(--bg-alt);display:grid;gap:.9rem}
.side-note h3{font-size:1.1rem}.side-note p{color:var(--muted);font-size:.95rem;line-height:1.9}
.side-note ul{display:grid;gap:.6rem}.side-note li{display:flex;gap:.6rem;align-items:flex-start;font-size:.95rem}
.side-note li .ico{color:var(--em);margin-top:.35rem;flex:none}
.sum{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.2rem,4vw,3rem);align-items:center;padding:clamp(1.4rem,3vw,2.2rem);border:1px solid var(--line);border-radius:28px;background:var(--surface);box-shadow:var(--sh);margin-bottom:2rem}
.sum-n{text-align:center}.sum-n b{display:block;font-family:var(--head);font-size:clamp(3rem,7vw,4.2rem);line-height:1.1;color:var(--text)}
.sum-n .stars{justify-content:center;margin:.4rem 0}.sum-n span{color:var(--muted);font-size:.9rem}
.bars{display:grid;gap:.5rem}.bar{display:grid;grid-template-columns:3.2rem 1fr 2.4rem;gap:.7rem;align-items:center;font-size:.88rem;color:var(--muted)}
.bar i{display:block;height:9px;border-radius:99px;background:var(--bg-alt);overflow:hidden}.bar i s{display:block;height:100%;background:var(--acc);border-radius:99px}
.rv-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:1.2rem}
.rv-list .rv-card{flex:initial}
.rv-cta{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}
.rv-empty{padding:2.5rem 1rem;text-align:center;color:var(--muted);border:1.5px dashed var(--line);border-radius:22px}
@media (max-width:900px){.rvw{grid-template-columns:minmax(0,1fr)}.sum{grid-template-columns:minmax(0,1fr)}}
.cform .full-w{grid-column:1/-1}