/* law7 — AK الفخامة الذهبية (كحلي × ذهبي) موبايل-فيرست + ريسبونسف كامل */
*{box-sizing:border-box}body{margin:0;background:#fff;color:#222}
.container{width:min(1200px,100% - 2rem);margin-inline:auto}
.l7-header{background:#060d1d;color:#fff;position:sticky;top:0;z-index:100;border-bottom:1px solid #c9a24b33}
.l7-hin{display:flex;align-items:center;gap:.8rem;min-height:64px}
.l7-burger{background:#ffffff14;border:1px solid #ffffff2a;color:#fff;width:42px;height:42px;border-radius:50%;font-size:1.2rem;cursor:pointer}
.l7-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:#fff;flex:1}
.l7-ak{font-size:2rem;font-weight:900;color:#e8c876;font-family:Georgia,serif}
.l7-brand img{width:46px;height:46px;object-fit:contain;border-radius:10px}
.l7-btxt b{display:block;font-size:.95rem;color:#fff}.l7-btxt small{color:#c9a24b;font-size:.72rem}
.l7-book{background:linear-gradient(135deg,#e8c876,#c9a24b);color:#191204;font-weight:800;text-decoration:none;padding:.55rem 1.1rem;border-radius:24px;font-size:.85rem;white-space:nowrap}
.l7-nav{display:none;gap:1rem;justify-content:center;padding:.6rem;background:#060d1d}
.l7-nav.open{display:flex;flex-wrap:wrap}
.l7-nav a{color:#dfe6f2;text-decoration:none;font-weight:700;font-size:.9rem;padding:.4rem .8rem}
.l7-nav a.active{color:#e8c876}
.l7-hero{position:relative;background:#060d1d;color:#fff;overflow:hidden;padding:1.2rem 0 0}
.l7-herobg{position:absolute;inset:0;opacity:.35}.l7-herobg img{width:100%;height:100%;object-fit:cover}
.l7-heroshade{position:absolute;inset:0;background:linear-gradient(180deg,#060d1dcc,#060d1d66 50%,#060d1dee)}
.l7-hgrid{position:relative;display:grid;grid-template-columns:1fr;gap:1.2rem;z-index:2}
.l7-badge{color:#e8c876;font-size:.85rem;border-top:1px solid #c9a24b66;border-bottom:1px solid #c9a24b66;display:inline-block;padding:.25rem .6rem;margin-bottom:.6rem}
.l7-hero h1{margin:.2rem 0;line-height:1.5}.l7-pre{font-size:clamp(1.4rem,6vw,2rem);color:#fff;font-weight:400}
.l7-name{font-size:var(--hero-title-size);color:var(--hero-title-color);font-weight:900}
.l7-spec{display:block;font-size:1rem;color:#fff;margin-top:.3rem;font-weight:700}
.hero-sub{color:var(--hero-sub-color);font-size:var(--hero-sub-size)}
.l7-btns{display:flex;flex-direction:column;gap:.6rem;margin:1rem 0}
.l7-gold{background:linear-gradient(135deg,#e8c876,#c9a24b);color:#191204;font-weight:800;text-decoration:none;text-align:center;padding:.8rem 1.6rem;border-radius:26px;display:inline-block}
.l7-gold.sm{padding:.6rem 1.4rem;font-size:.9rem}
.l7-ghost{border:1.5px solid #ffffff55;color:#fff;text-decoration:none;text-align:center;padding:.75rem;border-radius:26px}
.l7-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem;border-top:1px solid #ffffff18;padding-top:1rem}
.l7-feat{text-align:center}.l7-fic{color:#e8c876;display:block;font-size:1.4rem}.l7-fic svg{width:26px;height:26px}
.l7-feat b{display:block;font-size:.82rem}.l7-feat small{color:#9fb0c7;font-size:.68rem}
.l7-hmedia{position:relative;text-align:center}
.l7-side-note{position:absolute;top:.5rem;left:.2rem;color:#e8c876;font-size:.75rem;text-align:left;line-height:1.7;z-index:3}
.l7-side-note i{display:block;width:34px;height:2px;background:#c9a24b;margin-top:.3rem}
.l7-lawyer{width:min(340px,86vw);height:380px;object-fit:cover;object-position:top;border-radius:18px 18px 0 0;position:relative;z-index:2}
.l7-plate{position:relative;z-index:3;background:linear-gradient(135deg,#101d33,#0a1428);border:1.5px solid #c9a24b;color:#e8c876;border-radius:12px;padding:.7rem 1.2rem;display:inline-block;margin-top:-2.2rem;box-shadow:0 14px 40px rgba(0,0,0,.5)}
.l7-plate b{display:block;font-size:1.05rem}.l7-plate small{font-size:.72rem;color:#9fb0c7}
.l7-curve svg{display:block;width:100%;height:44px}
.l7-serv{background:#fff;padding:1.6rem 0;text-align:center}
.l7-sechead h2{font-size:var(--sec-title-size);color:var(--sec-title-color);margin:.2rem}
.l7-sechead p{color:var(--sec-sub-color);font-size:var(--sec-sub-size)}
.l7-sechead i{display:block;width:60px;height:3px;background:#c9a24b;margin:.5rem auto 1rem;border-radius:3px}
.l7-sgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}
.l7-scard{background:#fff;border:1px solid #eef0f4;border-radius:16px;padding:1.1rem .6rem;box-shadow:0 8px 24px rgba(10,22,40,.06)}
.l7-sic{width:52px;height:52px;border-radius:50%;background:#0a1628;color:#e8c876;display:grid;place-items:center;margin:0 auto .6rem}
.l7-sic svg{width:26px;height:26px}
.l7-scard h3{font-size:var(--svc-t-size);color:var(--svc-t-color);margin:.2rem}
.l7-scard p{font-size:var(--svc-d-size);color:var(--svc-d-color);margin:0}
.l7-stats{background:#0a1628;border-radius:26px;margin:0 .8rem;padding:1.2rem .6rem}
.l7-stgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;text-align:center}
.l7-stat b{display:block;font-size:var(--st-n-size);color:var(--st-n-color)}
.l7-stat small{color:var(--st-l-color);font-size:var(--st-l-size)}
.l7-sic2{color:#e8c876;font-size:1.3rem;display:block}.l7-sic2 svg{width:24px;height:24px}
.l7-about{padding:2.4rem 0;background:#fff}
.l7-agrid{display:grid;grid-template-columns:1fr;gap:1.4rem}
.l7-atext h2{font-size:var(--about-t-size);color:var(--about-t-color);text-align:center}
.l7-testi{background:#fff;border:1px solid #eef0f4;border-radius:16px;padding:1rem;margin-top:1rem;box-shadow:0 10px 30px rgba(0,0,0,.08);text-align:center}
.stars{color:#e8a91c;letter-spacing:2px}
.l7-aphoto{position:relative;min-height:340px;border-radius:20px;overflow:hidden}
.l7-aphoto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.l7-vtxt{position:absolute;top:1rem;right:1rem;color:#fff;font-weight:800;font-size:1.3rem;text-shadow:0 2px 12px #000;line-height:1.7}
.l7-vtxt i{display:block;width:40px;height:3px;background:#c9a24b;margin-top:.4rem}
.l7-footer{background:#060d1d;color:#fff;padding:1.4rem 0 0;text-align:center}
.l7-fgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;font-size:.85rem}
.l7-fgrid a{color:#e8c876;text-decoration:none}
.l7-copy{padding:1rem;font-size:var(--copy-size);color:var(--copy-color)}
.l7-bottomnav{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:#060d1d;border-top:1px solid #c9a24b44;z-index:90}
.l7-bottomnav a{color:#fff;text-decoration:none;padding:.6rem .2rem calc(.6rem + env(safe-area-inset-bottom,0));font-size:1.2rem;display:flex;flex-direction:column;align-items:center;gap:.15rem}
.l7-bottomnav small{font-size:.68rem;color:#9fb0c7}
.reveal{opacity:0;transform:translateY(18px);transition:.6s}.reveal.vis{opacity:1;transform:none}
.float-wa,.to-top{bottom:76px!important}
@media(min-width:768px){.l7-hgrid{grid-template-columns:1.1fr .9fr;align-items:center}.l7-sgrid{grid-template-columns:repeat(3,1fr)}.l7-stgrid{grid-template-columns:repeat(4,1fr)}.l7-agrid{grid-template-columns:1fr 1fr;align-items:center}.l7-btns{flex-direction:row}.l7-nav{display:flex}.l7-burger{display:none}.l7-lawyer{height:460px}}
@media(min-width:1024px){.l7-lawyer{height:520px;width:380px}}
@media(max-width:379px){.l7-sgrid{grid-template-columns:1fr 1fr;gap:.5rem}.l7-stgrid{grid-template-columns:1fr 1fr}.l7-fgrid{grid-template-columns:1fr}}