/* ==========================================================================
   Paginile de servicii (/cadastru-intabulare etc.) — peste style.css + legal.css
   ========================================================================== */
.svc-main{ max-width:1180px; margin:0 auto; padding:5vh var(--gutter) 10vh; }

.crumbs ol{ list-style:none; margin:0 0 6vh; padding:0; display:flex; flex-wrap:wrap; gap:4px 10px; font:500 12px/1.4 var(--mono); letter-spacing:.04em; color:var(--ink-2); }
.crumbs li{ display:inline-flex; align-items:center; min-height:32px; }
.crumbs li + li::before{ content:"/"; margin-right:10px; color:var(--ink-3); }
.crumbs a{ color:var(--ink); text-underline-offset:3px; display:inline-flex; align-items:center; min-height:32px; }

.svc-hero .sec-top{ margin-bottom:6vh; }
.svc-hero h1{ font:300 clamp(46px, 7vw, 118px)/.9 var(--cond); text-transform:uppercase; }
.svc-hero h1 em{ font-style:normal; font-weight:200; color:var(--ink-soft); }
.svc-lead{ margin-top:30px; max-width:760px; font:400 clamp(18px, 1.5vw, 22px)/1.5 var(--sans); color:var(--ink); }
.svc-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.svc-actions .btn{ min-height:50px; }
.btn--dark:focus-visible{ outline-color:var(--ink); }

.svc-grid{ display:grid; grid-template-columns:1fr 1fr; gap:8vh 6vw; margin-top:12vh; }
.svc-block{ min-width:0; }
.svc-block--wide{ grid-column:1 / -1; }
.svc-block h2{ font:300 clamp(28px, 2.6vw, 38px)/1.05 var(--cond); text-transform:uppercase; padding-bottom:14px; margin-bottom:18px; border-bottom:1px solid rgba(11,13,16,.4); }
.svc-list{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.svc-list li{ position:relative; padding-left:26px; font-size:15.5px; line-height:1.55; color:#1d2126; }
.svc-list li::before{ content:"+"; position:absolute; left:0; top:-1px; font:500 15px/1.6 var(--mono); color:var(--ink); }
.svc-note{ margin-top:18px; font-size:14px; line-height:1.6; color:var(--ink-2); }

.svc-steps{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5, 1fr); gap:10px; counter-reset:step; }
.svc-steps li{ counter-increment:step; display:flex; flex-direction:column; gap:10px; min-height:190px; padding:16px; border:1px solid rgba(11,13,16,.55); background:rgba(255,255,255,.14); }
.svc-steps li::before{ content:counter(step, decimal-leading-zero); font:200 44px/1 var(--cond); }
.svc-steps b{ font:600 14px/1.3 var(--sans); }
.svc-steps span{ font-size:13.5px; line-height:1.5; color:var(--ink-2); }

.svc-cta{
  margin-top:12vh; display:grid; grid-template-columns:1fr 1fr; gap:6vw; align-items:end;
  padding:clamp(28px, 5vw, 64px); background:radial-gradient(80% 90% at 85% 0%, #15181c 0%, var(--black) 65%); color:var(--on-black);
}
.svc-cta .panel-label{ color:var(--on-black-2); }
.svc-cta h2{ font:300 clamp(40px, 5vw, 80px)/.9 var(--cond); text-transform:uppercase; }
.svc-cta h2 em{ font-style:normal; font-weight:200; color:var(--on-black-2); }
.svc-cta-r p{ font-size:15px; line-height:1.6; color:var(--on-black-2); max-width:440px; }
.svc-cta :focus-visible{ outline-color:var(--gold); }

.svc-related{ margin-top:10vh; }
.svc-related h2{ font:300 clamp(28px, 2.6vw, 38px)/1.05 var(--cond); text-transform:uppercase; margin-bottom:18px; }
.svc-related ul{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:10px; }
.svc-related a{
  position:relative; display:flex; flex-direction:column; gap:6px; min-height:110px; padding:18px 44px 18px 18px;
  border:1px solid rgba(11,13,16,.55); color:var(--ink); text-decoration:none; transition:background .25s, color .25s;
}
.svc-related a span{ font:300 24px/1.05 var(--cond); text-transform:uppercase; }
.svc-related a small{ font-size:13px; color:var(--ink-2); }
.svc-related a b{ position:absolute; right:18px; top:18px; font-weight:400; }
.svc-related a:hover{ background:var(--ink); color:#fff; }
.svc-related a:hover small{ color:rgba(255,255,255,.7); }


@media (max-width: 1000px){
  .svc-steps{ grid-template-columns:1fr 1fr; }
  .svc-steps li{ min-height:0; }
}
@media (max-width: 820px){
  .svc-grid,.svc-cta{ grid-template-columns:1fr; }
  .svc-grid{ margin-top:8vh; }
}
@media (max-width: 520px){
  .svc-steps{ grid-template-columns:1fr; }
  .svc-actions .btn{ width:100%; justify-content:center; }
}