*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Somar","IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;background:#f6fbff;color:#10283c;line-height:1.8}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.topbar{background:#071b2d;color:#cfe8f7;font-size:.86rem;padding:.35rem 0}.topbar .container{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid #d9e8f2}.nav .container{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.brand{display:flex;align-items:center;gap:.8rem;font-weight:900;color:#0b3555}.logo{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#0d87c9,#143a68);display:grid;place-items:center;color:#fff;font-size:1.45rem;box-shadow:0 8px 24px #0d87c933}.brand small{display:block;color:#5a7284;font-weight:600;font-size:.72rem;line-height:1.2}.menu{display:flex;align-items:center;gap:1.2rem;font-weight:700}.menu a:hover{color:#0d87c9}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:14px;padding:.8rem 1.15rem;font-weight:800;border:1px solid transparent;transition:.2s}.nav-cta,.btn.primary{background:#0d87c9;color:white;box-shadow:0 10px 25px #0d87c92b}.btn.secondary{background:white;border-color:#bcd6e7;color:#0b3555}.btn.whatsapp{background:#128C7E;color:#fff}.btn:hover{transform:translateY(-2px)}.hamb{display:none;background:none;border:0;font-size:1.7rem}.hero{position:relative;min-height:650px;display:grid;align-items:center;overflow:hidden;background:#0b2e4a}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,26,44,.96),rgba(5,26,44,.76) 50%,rgba(5,26,44,.25))}.hero .container{position:relative;z-index:2;color:#fff;display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center}.eyebrow{display:inline-block;background:#bdeaff;color:#0a4771;padding:.32rem .8rem;border-radius:999px;font-weight:900;font-size:.82rem}.hero h1{font-size:clamp(2.2rem,5vw,4.55rem);line-height:1.14;margin:.7rem 0 1rem;letter-spacing:-1px}.hero p{font-size:1.16rem;color:#d7ebf8;max-width:720px}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem}.hero-card{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.25);padding:1.35rem;border-radius:24px;backdrop-filter:blur(10px)}.hero-card strong{display:block;font-size:1.15rem}.hero-card .row{display:flex;gap:.9rem;align-items:flex-start;border-bottom:1px solid #ffffff2e;padding:.9rem 0}.hero-card .row:last-child{border:0}.hero-card .icon{font-size:1.45rem}.section{padding:82px 0}.section.white{background:#fff}.head{max-width:760px;margin-bottom:2.2rem}.head h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.25;margin:.45rem 0}.head p{color:#607789}.grid{display:grid;gap:1.25rem}.services{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border:1px solid #dcebf5;border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(18,61,93,.06)}.card .pad{padding:1.25rem}.card h3{margin:.2rem 0 .45rem;font-size:1.2rem}.card p{margin:0;color:#607789}.service-img{height:210px;width:100%;object-fit:cover;background:#dbeff9}.tag{display:inline-flex;border-radius:999px;background:#e7f7ff;color:#0b6699;padding:.2rem .65rem;font-size:.75rem;font-weight:800}.feature-grid{grid-template-columns:repeat(4,1fr)}.feature{padding:1.3rem;border-radius:18px;background:#eef8fe;border:1px solid #d8ebf7}.feature b{display:block;margin:.35rem 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.photo-stack{position:relative;min-height:460px}.photo-stack img{width:82%;height:390px;object-fit:cover;border-radius:26px;box-shadow:0 18px 45px #09284422}.photo-stack img:nth-child(2){position:absolute;width:55%;height:240px;left:0;bottom:0;border:8px solid #fff}.checklist{list-style:none;padding:0}.checklist li{padding:.42rem 0}.checklist li:before{content:"✓";display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;margin-left:.55rem;background:#dff5ff;color:#0875aa;font-weight:900}.area-cloud{display:flex;flex-wrap:wrap;gap:.65rem}.area-cloud span{background:#fff;border:1px solid #cfe4f0;border-radius:999px;padding:.45rem .78rem}.google-card{background:linear-gradient(135deg,#092f4d,#0d6d9b);color:#fff;border-radius:28px;padding:2rem;display:grid;grid-template-columns:1.1fr .9fr;gap:1.5rem;align-items:center}.google-card p{color:#d8edf8}.mapbox{border-radius:20px;background:#fff;color:#17384e;padding:1.2rem}.mapbox iframe{width:100%;height:300px;border:0;border-radius:14px}.blog-grid{grid-template-columns:repeat(3,1fr)}.blog-card{height:100%;display:flex;flex-direction:column}.blog-card .pad{display:flex;flex-direction:column;flex:1}.blog-card h3{font-size:1.08rem}.blog-card .read{margin-top:auto;padding-top:1rem;color:#0879b2;font-weight:900}.cta{background:#071f34;color:#fff;border-radius:30px;padding:2rem 2.1rem;display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.cta p{color:#cfe5f3;margin:.2rem 0}.faq details{background:#fff;border:1px solid #d9e8f2;border-radius:15px;margin:.7rem 0;padding:1rem 1.15rem}.faq summary{font-weight:900;cursor:pointer}.footer{background:#061929;color:#bdd4e2;padding:50px 0 100px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem}.footer h3,.footer h4{color:#fff}.footer a{display:block;margin:.35rem 0}.copyright{border-top:1px solid #ffffff1c;margin-top:2rem;padding-top:1rem;font-size:.85rem}.sticky-actions{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:60;display:flex;gap:.6rem;background:#fff;padding:.55rem;border-radius:18px;box-shadow:0 12px 35px #06192933;border:1px solid #d7e8f3}.page-hero{padding:70px 0;background:linear-gradient(135deg,#092f4d,#0d6d9b);color:#fff}.page-hero h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.2;margin:.6rem 0}.breadcrumbs{font-size:.85rem;color:#d7ecf7}.content{background:#fff;border:1px solid #dcebf5;border-radius:24px;padding:clamp(1.2rem,3vw,2.4rem)}.content h2{margin-top:2rem;line-height:1.35}.content p,.content li{color:#39596f}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:2rem}.sidebar{position:sticky;top:100px;height:max-content}.toc{background:#eef8fe;border:1px solid #d3e9f5;border-radius:18px;padding:1.1rem}.toc a{display:block;padding:.3rem 0;color:#15597e}.blog-tools{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1.4rem}.search{flex:1;min-width:240px;padding:.8rem 1rem;border:1px solid #cfe2ee;border-radius:13px;font:inherit}.filter{padding:.8rem 1rem;border:1px solid #cfe2ee;border-radius:13px;background:#fff;font:inherit}.pagination{display:flex;gap:.45rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.pagination button{border:1px solid #bdd8e8;background:#fff;border-radius:10px;padding:.45rem .7rem;cursor:pointer}.pagination button.active{background:#0d87c9;color:#fff}.notfound{text-align:center;padding:100px 0}.seo-note{font-size:.84rem;color:#688092}.contact-grid{grid-template-columns:repeat(3,1fr)}.contact-card{padding:1.4rem;background:#fff;border:1px solid #d9e8f2;border-radius:20px}.contact-card b{display:block;font-size:1.1rem}.statline{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.3rem}.statline div{background:#ffffff18;border:1px solid #ffffff2e;border-radius:15px;padding:.8rem}.statline b{display:block}.source-note{font-size:.75rem;color:#71899a}
@media(max-width:900px){.menu{display:none;position:absolute;top:78px;right:4%;left:4%;background:white;padding:1rem;border:1px solid #dbe9f2;border-radius:16px;box-shadow:0 18px 40px #071f3422;flex-direction:column;align-items:stretch}.menu.open{display:flex}.hamb{display:block}.nav-cta{display:none}.hero{min-height:720px}.hero .container,.split,.google-card,.article-layout{grid-template-columns:1fr}.hero-card{max-width:600px}.services,.blog-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.sidebar{position:static}.photo-stack{min-height:400px}}
@media(max-width:580px){.services,.blog-grid,.feature-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.section{padding:58px 0}.hero{min-height:760px}.hero h1{font-size:2.55rem}.cta{flex-direction:column;align-items:flex-start}.sticky-actions{width:calc(100% - 24px)}.sticky-actions .btn{flex:1;padding:.72rem .55rem}.statline{grid-template-columns:1fr}.photo-stack{min-height:auto}.photo-stack img{width:100%;height:280px}.photo-stack img:nth-child(2){display:none}}

html[lang="en"] body{font-family:"Somar",Inter,"Segoe UI",Arial,sans-serif;direction:ltr}.lang-switch{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bdd8e8;border-radius:12px;padding:.58rem .75rem;font-weight:800;background:#fff;color:#0b3555;white-space:nowrap}.lang-switch:hover{color:#0d87c9;border-color:#0d87c9}.hero-bg{object-position:center 22%}.shop-photo{width:100%;max-height:620px;object-fit:cover;object-position:center 25%}.shop-proof .shop-photo{max-height:680px}.review-box{max-width:720px;margin:auto;text-align:center;background:#fff;border:1px solid #dcebf5;border-radius:28px;padding:clamp(1.5rem,4vw,3rem);box-shadow:0 16px 45px rgba(18,61,93,.09)}.review-box h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.2}.review-qr{width:min(280px,75vw);margin:1.5rem auto;border:12px solid #fff;border-radius:20px;box-shadow:0 12px 34px rgba(18,61,93,.12)}.article-shop{max-height:430px;margin-bottom:1rem}@media(max-width:900px){.nav .container{gap:.7rem}.lang-switch{margin-inline-start:auto}.hero-bg{object-position:center 14%}}
/* Final QA hardening */
body{overflow-x:hidden}img{height:auto}.hero-bg{height:100%}.menu a,.lang-switch,.nav-cta,.btn{min-height:44px}.hamb{min-width:44px;min-height:44px;cursor:pointer}.mapbox iframe{display:block}
@media(max-width:580px){.brand small{display:none}.brand{gap:.5rem;font-size:.94rem}.logo{width:40px;height:40px;border-radius:12px}.lang-switch{padding:.48rem .58rem;font-size:.78rem}.nav .container{gap:.4rem}.hero .container{padding-block:2rem}.hero-card{padding:1rem}.page-hero{padding:54px 0}.content{overflow-wrap:anywhere}}

/* Mobile layout hardening v3 — phone order, overlap prevention, small-screen QA */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.container,.grid>* ,.split>* ,.google-card>* ,.article-layout>* ,.footer-grid>*{min-width:0}
h1,h2,h3,p,li,summary,.brand,.card,.contact-card,.content{overflow-wrap:break-word}
a[href^="tel:"]{direction:ltr;unicode-bidi:isolate;display:inline-block;white-space:nowrap;font-variant-numeric:tabular-nums}
.phone-number{direction:ltr;unicode-bidi:isolate;display:inline-block;white-space:nowrap;font-variant-numeric:tabular-nums}
.content table{max-width:100%}.content pre,.content code{max-width:100%}.content pre{overflow:auto}.content iframe{max-width:100%}

@media(max-width:900px){
  .nav .container{position:relative;min-height:68px;padding-block:6px;gap:.55rem}
  .brand{min-width:0;flex:1 1 auto;line-height:1.25}
  .brand>span:last-child{min-width:0}
  .logo{flex:0 0 auto}
  .hamb{flex:0 0 44px;display:grid;place-items:center;padding:0}
  .lang-switch{flex:0 0 auto;margin-inline-start:0}
  .menu{top:calc(100% + 8px);right:0;left:0;margin:0;max-height:calc(100vh - 125px);overflow-y:auto;z-index:80}
  .menu a{padding:.62rem .75rem;border-radius:10px}
  .hero{min-height:0}
  .hero .container{padding-block:56px 62px;gap:1.35rem}
  .hero-card{width:100%;max-width:none}
  .article-layout{gap:1.25rem}
  .google-card{padding:1.35rem}
  .mapbox{padding:.8rem}
}

@media(max-width:580px){
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  .container{width:min(100% - 28px,1180px)}
  .topbar{font-size:.76rem;padding:.42rem 0;line-height:1.45}
  .topbar .container{display:grid;grid-template-columns:1fr;gap:.15rem;text-align:center;justify-items:center}
  .topbar span{max-width:100%}
  .nav .container{min-height:64px;gap:.38rem}
  .brand{font-size:.9rem;gap:.45rem;white-space:nowrap}
  .brand small{display:none}
  .logo{width:38px;height:38px;border-radius:11px;font-size:1.15rem}
  .lang-switch{min-height:40px;padding:.35rem .5rem;font-size:.72rem;border-radius:10px}
  .hamb{min-width:40px;min-height:40px;flex-basis:40px;font-size:1.45rem}
  .menu{padding:.65rem;gap:.15rem;border-radius:14px}
  .menu a{font-size:.95rem}

  .section{padding:48px 0}
  .head{margin-bottom:1.45rem}
  .head h2{font-size:clamp(1.65rem,8vw,2.15rem)}
  .page-hero{padding:44px 0}
  .page-hero h1{font-size:clamp(1.8rem,9vw,2.3rem)}
  .page-hero p{margin-bottom:0}

  .hero .container{padding-block:46px 52px}
  .hero h1{font-size:clamp(2rem,10vw,2.55rem);line-height:1.16;letter-spacing:-.4px;margin:.65rem 0 .8rem}
  .hero p{font-size:1rem;line-height:1.75;margin:.5rem 0}
  .hero-card{padding:.9rem;border-radius:18px}
  .hero-card .row{gap:.65rem;padding:.72rem 0}
  .hero-card .icon{font-size:1.2rem;flex:0 0 auto}
  .statline{gap:.65rem}

  .actions{display:grid;grid-template-columns:1fr;width:100%;gap:.65rem;margin-top:1rem}
  .actions .btn{width:100%;min-width:0;padding:.72rem .8rem;text-align:center;white-space:normal;line-height:1.35}
  .cta{padding:1.35rem;border-radius:22px;gap:.5rem}
  .cta .actions{margin-top:.6rem}

  .card{border-radius:18px}
  .card .pad{padding:1rem}
  .service-img{height:190px}
  .feature{padding:1rem}
  .split{gap:1.25rem}
  .photo-stack img{height:240px;border-radius:20px}
  .checklist li{padding:.35rem 0}

  .google-card{padding:1rem;border-radius:21px;gap:1rem}
  .google-card h2{line-height:1.28}
  .google-card p{overflow-wrap:anywhere}
  .mapbox{padding:.55rem;border-radius:15px}
  .mapbox iframe{height:235px;border-radius:11px}
  .area-cloud{gap:.45rem}
  .area-cloud span{padding:.38rem .62rem;font-size:.88rem}

  .content{padding:1rem;border-radius:18px;overflow-wrap:anywhere}
  .content h2{margin-top:1.45rem}
  .content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
  .sidebar,.toc{max-width:100%}
  .blog-tools{display:grid;grid-template-columns:1fr;width:100%}
  .search,.filter{width:100%;min-width:0}
  .contact-card{padding:1rem;overflow:hidden}
  .contact-card b,.contact-card span,.contact-card p{max-width:100%}
  .review-box{padding:1.2rem;border-radius:21px}
  .review-box h1{font-size:clamp(1.8rem,9vw,2.4rem)}
  .review-qr{border-width:8px}
  .faq details{padding:.85rem .9rem}

  .footer{padding:42px 0 36px}
  .footer-grid{gap:1.2rem}
  .copyright{overflow-wrap:anywhere}

  .sticky-actions{box-sizing:border-box;bottom:calc(8px + env(safe-area-inset-bottom));width:calc(100% - 16px);max-width:520px;display:grid;grid-template-columns:minmax(82px,.72fr) minmax(0,1.28fr);gap:.4rem;padding:.42rem;border-radius:15px}
  .sticky-actions .btn{width:100%;min-width:0;min-height:46px;padding:.58rem .35rem;font-size:clamp(.72rem,3.5vw,.88rem);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:clip}
}

@media(max-width:380px){
  .container{width:min(100% - 22px,1180px)}
  .topbar .container span:first-child{display:none}
  .brand{font-size:.82rem}
  .logo{width:35px;height:35px}
  .lang-switch{font-size:.68rem;padding:.3rem .42rem}
  .hero h1{font-size:clamp(1.85rem,10vw,2.2rem)}
  .eyebrow{font-size:.75rem;padding:.25rem .62rem}
  .sticky-actions{grid-template-columns:88px minmax(0,1fr)}
  .sticky-actions .btn{font-size:.72rem}
}

/* Compact mobile contact controls: keep conversion actions without covering page content */
@media(max-width:580px){
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  .sticky-actions{
    left:50%;right:auto;bottom:calc(8px + env(safe-area-inset-bottom));
    width:auto;max-width:none;transform:translateX(-50%);
    display:flex;grid-template-columns:none;gap:.45rem;
    padding:.35rem;background:rgba(255,255,255,.96);border-radius:14px;
    box-shadow:0 10px 28px rgba(6,25,41,.2)
  }
  .sticky-actions .btn{
    width:auto;min-width:86px;min-height:44px;padding:.58rem .78rem;
    font-size:0;line-height:1;white-space:nowrap;overflow:visible
  }
  .sticky-actions .btn.whatsapp::after{content:"واتساب";font-size:.82rem;font-weight:900}
  .sticky-actions .btn.primary::after{content:"اتصال";font-size:.82rem;font-weight:900}
  html[lang="en"] .sticky-actions .btn.whatsapp::after{content:"WhatsApp"}
  html[lang="en"] .sticky-actions .btn.primary::after{content:"Call"}
}
@media(max-width:340px){
  .sticky-actions .btn{min-width:78px;padding:.55rem .65rem}
}

/* v4 final client-facing repair-shop cleanup */
.sticky-actions{max-width:360px}.sticky-actions .btn{white-space:nowrap}
.service-img{object-position:center}
.card .read{display:inline-block;margin-top:.7rem;color:#0879b2;font-weight:900}
@media(min-width:581px){.sticky-actions .btn{min-width:118px}.sticky-actions{padding:.42rem;border-radius:15px}}
@media(max-width:580px){
  .hero .statline{grid-template-columns:1fr;gap:.55rem}
  .hero .statline div{padding:.68rem .75rem}
  .sticky-actions .btn{font-size:.82rem!important;min-width:90px!important;padding:.58rem .72rem!important}
  .sticky-actions .btn::after{content:none!important}
}

/* No fixed overlays: client content must never be covered */
.sticky-actions{display:none!important}
@media(max-width:580px){body{padding-bottom:0!important}}