/* Arabic homepage service directory */
.service-collection { padding: 76px 0; background: #f6f9f7; border-block: 1px solid #e6eeea; }
.service-collection__header { display:flex; justify-content:space-between; align-items:flex-end; gap:32px; margin-bottom:32px; }
.service-collection__eyebrow { display:flex; align-items:center; gap:9px; color:#007d56; font-size:13px; font-weight:800; margin-bottom:12px; }
.service-collection__eyebrow::before { content:""; width:7px; height:7px; border-radius:50%; background:#00845a; }
.service-collection__header h2 { font-size:clamp(28px,3vw,38px); line-height:1.35; margin:0 0 12px; letter-spacing:0; color:#172f28; }
.service-collection__header h2 span { color:#00845a; }
.service-collection__header p { margin:0; color:#61736a; font-size:15px; }
.service-collection__browse { flex-shrink:0; display:flex; align-items:center; gap:20px; padding:12px 0; color:#00744f; font-size:14px; font-weight:800; }
.service-collection__grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; }
.service-entry { grid-column:span 2; display:flex; flex-direction:column; min-width:0; padding:26px; border:1px solid #dce7e0; border-radius:16px; background:#fff; color:#1a3028; text-decoration:none; transition:transform .2s,border-color .2s,box-shadow .2s; }
.service-entry:hover { transform:translateY(-4px); border-color:#7bb79b; box-shadow:0 12px 28px rgba(25,63,44,.07); }
.service-entry:focus-visible { outline:3px solid #00845a; outline-offset:4px; }
.service-entry__top { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:24px; }
.service-entry__icon { display:grid; place-items:center; width:48px; height:48px; flex-shrink:0; background:#edf6f0; border:1px solid #e0eee4; color:#00845a; border-radius:14px; }
.service-entry__icon svg { width:27px; height:27px; }
.service-entry__category { font-size:12px; color:#738178; }
.service-entry h3 { font-size:20px; line-height:1.5; margin:0 0 10px; font-weight:800; }
.service-entry p { font-size:15px; line-height:1.85; color:#627269; margin:0 0 24px; }
.service-entry__footer { margin-top:auto; padding-top:16px; border-top:1px solid #edf1ee; display:flex; justify-content:space-between; align-items:center; font-size:14px; font-weight:700; color:#007a53; }
.service-entry__arrow { display:grid; place-items:center; width:32px; height:32px; border:1px solid #e1ebe5; border-radius:50%; font-size:20px; transition:background .2s,color .2s; }
.service-entry:hover .service-entry__arrow { background:#00845a; border-color:#00845a; color:#fff; }
.service-collection__guide { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:24px 28px; margin-top:24px; background:#e8f1eb; border-radius:14px; }
.service-collection__guide strong { font-size:17px; color:#254b39; }
.service-collection__guide p { font-size:14px; color:#567160; margin:5px 0 0; }
.service-collection__guide a { flex-shrink:0; display:flex; align-items:center; justify-content:center; gap:22px; padding:12px 20px; border-radius:9px; background:#fff; color:#00734f; font-size:14px; font-weight:800; border:1px solid #d4e3d9; }
@media(min-width:1001px) { .service-entry:nth-last-child(2):nth-child(3n+1), .service-entry:last-child:nth-child(3n+2) { grid-column:span 3; } }
@media(max-width:1000px) { .service-entry { grid-column:auto; } .service-collection__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .service-collection__header { align-items:flex-start; flex-direction:column; gap:12px; } }
@media(max-width:600px) { .service-collection { padding:44px 0; } .service-collection__grid { grid-template-columns:1fr; gap:12px; } .service-collection__header { margin-bottom:22px; } .service-entry { padding:22px; } .service-entry__top { margin-bottom:18px; } .service-collection__guide { padding:22px; flex-direction:column; align-items:stretch; gap:18px; } }
@media(prefers-reduced-motion:reduce) { .service-entry,.service-entry__arrow { transition:none; } .service-entry:hover { transform:none; } }