/* page-specific rules for services-en.html (generated) */
.services-main { background:var(--surface-2) }
.service-block { display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:80px;padding:50px;background:#fff;border-radius:10px;border:1px solid var(--border);box-shadow:0 8px 30px rgba(26,20,16,.06) }
.service-block:nth-child(even) { direction:rtl }
.service-block:nth-child(even) > * { direction:ltr }
.service-block .sv-img { height:400px;border-radius:6px;background-size:cover;background-position:center }
.service-block .sv-content h3 { font-size:30px;font-weight:800;color:var(--ink);margin-bottom:16px;display:flex;align-items:center;gap:16px }
.service-block .sv-content h3 .num { width:46px;height:46px;background:var(--gold-deep);color:#fff;display:flex;align-items:center;justify-content:center;font-family: inherit;font-size:20px;border-radius:6px;flex-shrink:0 }
.service-block .sv-content > p { color:var(--text-muted);font-size:16px;line-height:1.9;margin-bottom:20px }
.service-block ul { list-style:none;padding:0 }
.service-block ul li { padding:10px 0 10px 28px;position:relative;color:#444;font-size:15px;border-bottom:1px solid #f0eadb }
.service-block ul li:last-child { border-bottom:none }
.service-block ul li::before { content:'✓';position:absolute;left:0;top:10px;color:var(--gold-deep);font-weight:900 }
.process { background:#fff }
.process-steps { display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:50px }
.step { position:relative;padding:30px 24px;background:var(--surface-2);border-radius:8px;text-align:center;transition:.3s }
.step:hover { transform:translateY(-6px);background:var(--gold-deep);color:#fff }
.step:hover h4 { color:#fff }
.step:hover p { color:rgba(255,255,255,.9) }
.step:hover .step-num { color:rgba(255,255,255,.3);border-color:#fff }
.step .step-num { width:56px;height:56px;border-radius:50%;border:2px solid var(--gold);color:var(--gold-deep);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-family: inherit;font-size:22px;font-weight:900;transition:.3s }
.step h4 { font-size:18px;font-weight:700;color:var(--ink);margin-bottom:12px;transition:.3s }
.step p { font-size:14px;color:var(--text-muted);line-height:1.7;transition:.3s }
@media (max-width:968px) {
.service-block, .process-steps { grid-template-columns:1fr }
.service-block { padding:24px }
.service-block .sv-img { height:280px }
}
@media (max-width: 968px) { .service-block { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 20px; } .service-block > * { min-width: 0; } .service-block:nth-child(even) { direction: ltr; } }