/* ============================================================
   EdilBerat — servizi.css
   ============================================================ */

.serv-row{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:64px}
.serv-row:last-child{margin-bottom:0}
.serv-row:nth-child(even) .serv-media{order:2}
.serv-media{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3}
.serv-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.serv-row:hover .serv-media img{transform:scale(1.05)}
.serv-text h2{font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:12px}
.serv-text .num{font-family:var(--font-head);font-weight:700;color:var(--red);opacity:.25;font-size:2.4rem;line-height:1;display:block;margin-bottom:6px}
.serv-text p{color:var(--muted);margin-bottom:16px}
.serv-list{display:flex;flex-direction:column;gap:9px}
.serv-list li{display:flex;align-items:flex-start;gap:10px;font-size:.96rem}
.serv-list li i{color:var(--red);margin-top:5px;font-size:.85rem}

/* Processo */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;counter-reset:step}
.step{text-align:center;padding:10px}
.step-num{width:56px;height:56px;border-radius:50%;background:var(--red);color:#fff;font-family:var(--font-head);
  font-weight:700;font-size:1.3rem;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.step h3{font-size:1.05rem;margin-bottom:6px}
.step p{color:var(--muted);font-size:.88rem}

@media (max-width:860px){
  .serv-row{grid-template-columns:1fr;gap:24px;margin-bottom:48px}
  .serv-row:nth-child(even) .serv-media{order:0}
  .steps{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media (max-width:480px){
  .steps{grid-template-columns:1fr}
}