/* services.css */
.services-intro { background:var(--white); padding:70px 40px; }
.services-intro-inner { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; max-width:1100px; margin:0 auto; }
.services-intro-text h2 { font-size:clamp(26px,3vw,40px); font-weight:800; color:var(--dark); line-height:1.3; margin-bottom:16px; }
.services-intro-text p  { color:var(--gray); font-size:16px; line-height:1.9; }
.services-intro-stats { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.intro-stat { background:var(--bg); border:1px solid var(--border); border-radius:var(--radius-lg); padding:24px; text-align:center; transition:all .3s; }
.intro-stat:hover { border-color:var(--gold); transform:translateY(-3px); }
.intro-stat-num   { font-size:38px; font-weight:900; color:var(--gold); line-height:1; margin-bottom:6px; }
.intro-stat-label { font-size:13px; color:var(--gray); }

.services-list { background:var(--bg); }
.services-list-inner { max-width:1200px; margin:0 auto; display:flex; flex-direction:column; gap:80px; }

.service-row { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.service-row.reverse { direction:ltr; }
body.en .service-row.reverse { direction:rtl; }

.service-row-img { position:relative; border-radius:var(--radius-xl); overflow:hidden; aspect-ratio:4/3; }
.service-row-img img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.service-row:hover .service-row-img img { transform:scale(1.04); }
.service-row-img-overlay { position:absolute; inset:0; background:linear-gradient(135deg,rgba(15,20,25,.3) 0%,transparent 60%); }
.service-row-badge { position:absolute; top:24px; right:24px; background:var(--gold); color:var(--dark); padding:8px 16px; border-radius:100px; font-size:13px; font-weight:700; }

.service-row-content .section-tag { margin-bottom:14px; display:inline-block; }
.service-row-content h2 { font-size:clamp(24px,2.8vw,36px); font-weight:800; color:var(--dark); line-height:1.3; margin-bottom:16px; }
.service-row-content > p { color:var(--gray); font-size:15px; line-height:1.9; margin-bottom:24px; }
.service-features { display:flex; flex-direction:column; gap:12px; margin-bottom:28px; }
.service-feature { display:flex; align-items:flex-start; gap:12px; }
.sf-icon { width:28px; height:28px; background:var(--gold-pale); border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:14px; flex-shrink:0; margin-top:2px; }
.sf-text { font-size:14px; color:var(--gray); line-height:1.6; }

.process-section { background:var(--dark); }
.process-section .section-header h2 { color:var(--white); }
.process-section .section-header p  { color:rgba(255,255,255,.6); }
.process-section .section-tag { background:rgba(184,149,42,.2); color:var(--gold-light); }
.process-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:0; max-width:1100px; margin:0 auto; position:relative; }
.process-steps::before { content:''; position:absolute; top:40px; left:10%; right:10%; height:2px; background:rgba(255,255,255,.1); }
.process-step { text-align:center; padding:0 20px; position:relative; }
.step-circle { width:80px; height:80px; background:var(--dark-2); border:2px solid rgba(255,255,255,.15); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:28px; margin:0 auto 20px; position:relative; z-index:2; transition:all .3s; }
.process-step:hover .step-circle { border-color:var(--gold); background:rgba(184,149,42,.15); }
.step-num { position:absolute; top:-6px; right:-6px; width:24px; height:24px; background:var(--gold); color:var(--dark); border-radius:50%; font-size:11px; font-weight:800; display:flex; align-items:center; justify-content:center; }
.process-step h4 { color:var(--white); font-size:15px; font-weight:700; margin-bottom:8px; }
.process-step p  { color:rgba(255,255,255,.5); font-size:13px; line-height:1.7; }

@media (max-width:1024px) { .services-intro-inner { grid-template-columns:1fr; } .service-row { grid-template-columns:1fr; } .service-row.reverse { direction:inherit; } body.en .service-row.reverse { direction:inherit; } .process-steps { grid-template-columns:1fr 1fr; gap:40px; } .process-steps::before { display:none; } }
@media (max-width:768px) { .services-intro { padding:50px 24px; } .services-intro-stats { grid-template-columns:1fr 1fr; } .process-steps { grid-template-columns:1fr; } }