:root{--gold:#C5A059;--dark:#1A1A1A;--white:#FEFDFB;--beige:#F5F1ED}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Cairo',sans-serif;background:var(--white);color:var(--dark);line-height:1.9;padding-top:82px;overflow-x:hidden}img{max-width:100%;display:block}.service-nav{position:fixed;inset:0 0 auto 0;height:82px;background:rgba(26,26,26,.98);z-index:1000;border-bottom:1px solid rgba(197,160,89,.25);display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:18px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{height:58px;max-width:135px;object-fit:contain}.brand strong{color:var(--gold);font-size:1.1rem}.brand span{color:#ddd;font-size:.82rem;display:block}.back-link{color:#fff;text-decoration:none;border:1px solid rgba(197,160,89,.4);padding:10px 16px;border-radius:999px;font-weight:800}.hero{min-height:55vh;background:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.68)),var(--hero) center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:70px 20px}.hero-content{max-width:900px}.hero h1{font-size:clamp(2.25rem,6vw,4.1rem);margin:0 0 14px;font-weight:900;line-height:1.35}.hero p{font-size:1.18rem;max-width:790px;margin:auto}.container{width:min(1150px,90%);margin:auto}.intro{padding:70px 0 35px;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--beige);color:var(--gold);font-weight:900;padding:7px 16px;border-radius:999px;margin-bottom:14px}.intro h2,.service-section h2{font-size:2rem;margin:0 0 16px;position:relative;display:inline-block}.intro h2:after,.service-section h2:after{content:'';position:absolute;right:0;bottom:-8px;width:78px;height:3px;background:var(--gold)}.intro p{font-size:1.08rem;color:#555;max-width:900px;margin:25px auto 0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0 60px}.gallery img{height:270px;width:100%;object-fit:cover;border-radius:24px;box-shadow:0 12px 30px rgba(0,0,0,.08)}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:36px}.service-section{background:#fff;border:1px solid #eee;border-radius:22px;padding:30px;box-shadow:0 8px 24px rgba(0,0,0,.04)}.service-section p,.service-section li{color:#555;font-size:1rem}.service-section ul{padding-right:20px;margin:20px 0 0}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0 60px}.step{background:var(--beige);border-radius:18px;padding:22px;border:1px solid rgba(197,160,89,.18)}.step span{display:inline-flex;width:34px;height:34px;border-radius:50%;background:var(--gold);color:#fff;align-items:center;justify-content:center;font-weight:900;margin-bottom:10px}.cta-box{background:linear-gradient(135deg,var(--dark),#2d2d2d);color:white;border-radius:26px;padding:42px;text-align:center;margin:30px 0 70px;border:1px solid rgba(197,160,89,.3)}.cta-box h2{margin:0 0 12px;color:var(--gold)}.cta-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding:13px 24px;border-radius:999px;font-weight:900}.whatsapp{background:#25d366;color:#fff}.call{background:var(--gold);color:#fff}.footer{background:var(--dark);color:#ddd;text-align:center;padding:28px 5%;border-top:2px solid var(--gold)}@media(max-width:800px){body{padding-top:76px}.service-nav{height:76px;padding:0 4%}.brand img{height:58px}.brand strong{font-size:.95rem}.back-link{padding:8px 12px;font-size:.82rem}.hero{min-height:48vh;padding:55px 18px}.gallery{grid-template-columns:1fr}.gallery img{height:230px}.content-grid,.process{grid-template-columns:1fr}.intro{padding-top:52px}}
.faq-section{background:#fff;border:1px solid #eee;border-radius:22px;padding:30px;box-shadow:0 8px 24px rgba(0,0,0,.04);margin-bottom:34px}.faq-grid{display:grid;gap:14px;margin-top:20px}.faq-item{background:var(--beige);border:1px solid rgba(197,160,89,.18);border-radius:16px;padding:18px}.faq-item h3{margin:0 0 8px;font-size:1.05rem}.faq-item p{margin:0;color:#555}.whatsapp-float{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;text-decoration:none;z-index:1200;box-shadow:0 10px 25px rgba(0,0,0,.25);transition:.3s}.whatsapp-float:hover{transform:scale(1.08)}@media(max-width:800px){.faq-section{padding:24px}.whatsapp-float{width:56px;height:56px;right:16px;bottom:16px}}

/* ===== Brand/nav fixes - keep layout stable on mobile ===== */
.service-nav{direction:rtl;overflow:hidden;min-width:0;}
.service-nav .brand{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0;max-width:calc(100% - 150px);flex:1;text-decoration:none;}
.service-nav .brand img{height:62px;width:auto;max-width:86px;object-fit:contain;flex-shrink:0;}
.service-nav .brand div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1.25;}
.service-nav .brand strong{color:var(--gold);font-size:.98rem;font-weight:900;line-height:1.35;white-space:normal;word-break:normal;overflow-wrap:anywhere;}
.service-nav .brand span{color:#ddd;font-size:.78rem;line-height:1.25;white-space:nowrap;}
.service-nav .back-link{flex:0 0 auto;max-width:136px;text-align:center;line-height:1.45;white-space:normal;}
@media(max-width:800px){
  .service-nav .brand{max-width:calc(100% - 128px);gap:7px;}
  .service-nav .brand img{height:54px;max-width:72px;}
  .service-nav .brand strong{font-size:.78rem;line-height:1.35;}
  .service-nav .brand span{font-size:.68rem;}
  .service-nav .back-link{max-width:118px;padding:7px 10px;font-size:.78rem;line-height:1.45;}
}


/* ===== Fixed service navigation to match index navigation without changing service layout ===== */
.service-nav{
  background:rgba(26,26,26,.98)!important;
  padding:0 5%!important;
  width:100%!important;
  height:82px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  position:fixed!important;
  left:0!important;
  top:0!important;
  z-index:1000!important;
  backdrop-filter:blur(10px)!important;
  border-bottom:1px solid rgba(197,160,89,.2)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
  gap:25px!important;
  overflow:hidden!important;
}
.service-nav .brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  text-decoration:none!important;
  -webkit-tap-highlight-color:transparent!important;
  outline:none!important;
  min-width:0!important;
  max-width:calc(100% - 170px)!important;
  margin-inline-end:auto!important;
}
.service-nav .brand img{
  width:auto!important;
  height:58px!important;
  max-width:135px!important;
  object-fit:contain!important;
  transition:.3s ease!important;
  flex-shrink:0!important;
}
.service-nav .brand-text,
.service-nav .brand div{
  display:flex!important;
  flex-direction:column!important;
  line-height:1.4!important;
  min-width:0!important;
}
.service-nav .brand strong{
  color:var(--gold)!important;
  font-size:1.15rem!important;
  font-weight:800!important;
  white-space:normal!important;
  line-height:1.35!important;
}
.service-nav .brand span{
  color:#ddd!important;
  font-size:.82rem!important;
  display:block!important;
  line-height:1.25!important;
  white-space:nowrap!important;
}
.service-nav .back-link{
  color:#fff!important;
  text-decoration:none!important;
  border:1px solid rgba(197,160,89,.35)!important;
  background:transparent!important;
  padding:10px 16px!important;
  border-radius:999px!important;
  font-weight:800!important;
  flex-shrink:0!important;
  white-space:nowrap!important;
  transition:.3s!important;
}
.service-nav .back-link:hover{color:var(--dark)!important;background:var(--gold)!important;transform:translateY(-2px)!important}
.hero{background:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.68)),var(--hero) center/cover no-repeat!important;}
@media(max-width:800px){
  body{padding-top:76px!important}
  .service-nav{height:76px!important;padding:0 4%!important;gap:10px!important;justify-content:space-between!important}
  .service-nav .brand{gap:10px!important;max-width:calc(100% - 118px)!important;margin-inline-end:0!important}
  .service-nav .brand img{height:68px!important;max-width:112px!important}
  .service-nav .brand strong{font-size:.95rem!important;line-height:1.3!important}
  .service-nav .brand span{font-size:.72rem!important}
  .service-nav .back-link{padding:8px 12px!important;font-size:.82rem!important;max-width:112px!important;white-space:normal!important;text-align:center!important;line-height:1.35!important}
}
@media(max-width:420px){
  .service-nav .brand img{height:60px!important;max-width:88px!important}
  .service-nav .brand strong{font-size:.82rem!important}
  .service-nav .brand span{font-size:.65rem!important}
  .service-nav .back-link{font-size:.75rem!important;padding:7px 9px!important;max-width:100px!important}
}


/* ===== Reliable hero image fix ===== */
.hero{position:relative!important;overflow:hidden!important;background:#555!important;isolation:isolate!important;}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.68));z-index:1;pointer-events:none;}
.hero-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:0!important;display:block!important;}
.hero-content{position:relative!important;z-index:2!important;}