/* أنماط الصفحات الداخلية (الخدمات، صفحات الخدمة، 404) */
body{font-family:'Cairo','Arial Narrow',Arial,sans-serif;background:#f8f9fa;color:#2c2c34}
a{color:#292930;text-decoration:none}
.navbar{background-color:#2c2c34!important;position:relative!important;padding:10px 0}
.navbar-brand img{width:8vw;min-width:60px;height:auto}
.navbar-toggler{border:0}
.navbar-toggler:focus{box-shadow:none}
.nav-link:hover,.nav-link.active{color:#FFCC29!important}

/* أزرار الاتصال العائمة */
.floating-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:15px;z-index:9999}
.floating-item{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#2c2c34;border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.15);border:2px solid #FFCC29;transition:all .3s ease}
.floating-item:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 6px 15px rgba(0,0,0,.3)}
.floating-img{width:30px;height:auto;margin:0}
@media (max-width:768px){.floating-item{width:55px;height:55px}.floating-img{width:26px}.floating-container{right:15px}}

/* رأس صفحة الخدمة */
.svc-hero{background:linear-gradient(135deg,#2c2c34 0%,#1a1a22 100%);color:#fff;text-align:center;padding:3rem 1rem 3rem}
.svc-hero-icon{width:76px;height:76px;margin:0 auto 1.1rem;border-radius:50%;background:#FFCC29;color:#2c2c34;display:flex;align-items:center;justify-content:center;font-size:2rem}
.svc-hero h1{font-size:clamp(1.6rem,4.2vw,2.6rem);font-weight:800;line-height:1.5;margin:0 0 .6rem}
.svc-hero-sub{color:#d7d7de;margin:0 0 1.4rem;font-size:1.05rem}
.btn-row{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.btn-call,.btn-wa{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem;padding:.8rem 2rem;border-radius:50px;transition:all .25s}
.btn-call{background:#FFCC29;color:#2c2c34}
.btn-call:hover{background:#e6b800;color:#1a1a22;transform:translateY(-2px)}
.btn-wa{background:transparent;color:#fff;border:2px solid #25d366}
.btn-wa:hover{background:#25d366;color:#fff;transform:translateY(-2px)}

/* breadcrumb */
.breadcrumb-bar{background:#fff;border-bottom:1px solid #eee;padding:.7rem 0;font-size:.92rem}
.breadcrumb-bar ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.breadcrumb-bar li+li::before{content:'›';color:#999;margin-left:.4rem}
.breadcrumb-bar a{color:#b58900;font-weight:600}
.breadcrumb-bar a:hover{text-decoration:underline}
.breadcrumb-bar [aria-current]{color:#666}

/* المحتوى */
.content-wrap{margin-top:1.8rem;padding-bottom:3rem}
.content-box{background:#fff;border-radius:18px;padding:2.4rem 2.6rem;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.content-box h2{font-size:1.55rem;font-weight:800;color:#2c2c34;margin:2.2rem 0 1rem;padding-bottom:.45rem;border-bottom:3px solid #FFCC29;display:inline-block}
.content-box h2:first-child{margin-top:0}
.content-box p{font-size:1.1rem;line-height:2;color:#3f3f4a}
.check-list{list-style:none;padding:0;margin:0 0 .5rem}
.check-list li{position:relative;padding:.35rem 2rem .35rem 0;font-size:1.05rem;line-height:1.8;color:#3f3f4a}
.check-list li::before{content:'✓';position:absolute;right:0;top:.35rem;color:#e8a020;font-weight:800}
.svc-figure{margin:1.8rem auto;text-align:center}
.svc-figure img{max-width:100%;height:auto;max-height:340px;border-radius:12px}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:.5rem 0 1rem}
.step-card{background:#fafafa;border:1px solid #eee;border-radius:12px;padding:1.2rem;text-align:center}
.step-icon{width:50px;height:50px;border-radius:50%;background:#fff0d9;color:#e8a020;display:flex;align-items:center;justify-content:center;margin:0 auto .6rem;font-size:1.2rem}
.step-card h3{font-size:1.05rem;font-weight:700;margin:0 0 .35rem;color:#1a2c4e}
.step-card p{font-size:.95rem;line-height:1.7;margin:0;color:#6b7a8d}
.cta-strip{background:linear-gradient(135deg,#2c2c34 0%,#1a1a22 100%);border-radius:16px;padding:1.8rem;text-align:center;margin:2.2rem 0}
.cta-strip .cta-title{color:#FFCC29;font-weight:800;font-size:1.4rem;margin:0 0 .4rem;display:block}
.cta-strip p{color:#e4e4ea;margin:0 0 1rem;font-size:1rem}
.cta-strip .phone-num{direction:ltr;unicode-bidi:embed;display:inline-block;color:#fff;font-weight:700}
.faq-list details{border:1px solid #eee;border-radius:10px;margin-bottom:.7rem;background:#fff}
.faq-list summary{cursor:pointer;padding:.9rem 1.1rem;font-weight:700;font-size:1.05rem;color:#2c2c34;list-style-position:inside}
.faq-list details[open] summary{border-bottom:1px solid #eee;color:#b58900}
.faq-list details p{padding:.8rem 1.1rem;margin:0;font-size:1.02rem;line-height:1.9}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.related-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;background:#2c2c34;color:#fff!important;border-radius:12px;padding:1rem .6rem;font-weight:700;font-size:.95rem;transition:transform .25s}
.related-card i{color:#FFCC29;font-size:1.6rem}
.related-card:hover{transform:translateY(-4px);color:#FFCC29!important}
.area-note{font-size:.98rem!important;color:#6b6b78!important;margin-top:1.6rem;border-top:1px dashed #ddd;padding-top:1rem}

/* صفحة قائمة الخدمات */
.services-page{padding:3rem 0 2rem}
.services-page h1{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;text-align:center;margin:0 0 .8rem}
.services-intro{max-width:760px;margin:0 auto 2.2rem;text-align:center;font-size:1.1rem;line-height:1.9;color:#555}
.service-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #eee;border-radius:15px;padding:1.6rem 1.3rem;box-shadow:0 4px 15px rgba(0,0,0,.05);transition:transform .3s,box-shadow .3s,border-color .3s;color:#333}
.service-card:hover{transform:translateY(-6px);box-shadow:0 12px 25px rgba(0,0,0,.1);border-color:#FFCC29;color:#333}
.service-card .sc-icon{width:58px;height:58px;border-radius:50%;background:#2c2c34;color:#FFCC29;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem}
.service-card h2{font-size:1.2rem;font-weight:700;color:#2c2c34;margin:0 0 .6rem}
.service-card p{color:#6c757d;font-size:.98rem;line-height:1.7;margin:0 0 1rem;flex-grow:1}
.service-card .sc-more{color:#b58900;font-weight:700;font-size:.95rem}

/* 404 */
.nf{padding:5rem 1rem;text-align:center}
.nf h1{font-size:2rem;font-weight:800;margin-bottom:1rem}
.nf p{color:#666;font-size:1.1rem;margin-bottom:1.6rem}

@media (max-width:768px){
  .content-box{padding:1.5rem 1.2rem}
  .steps-grid{grid-template-columns:1fr}
  .related-grid{grid-template-columns:repeat(2,1fr)}
  .svc-hero{padding:2.2rem 1rem 2.2rem}
}