/* ============================================================
   bargiel.AI — Services section: "Rows" layout.
   Full-width horizontal rows; the dark result band becomes a
   right-hand rail at ≥840px. Applied via <body data-services="rows">.
   ============================================================ */

/* break out of the default subgrid so each card lays out as rows */
body[data-services="rows"] .svc-zone{display:flex;flex-direction:column}
body[data-services="rows"] .svc-grid{grid-template-rows:none}
body[data-services="rows"] .svc{grid-template-rows:none;grid-row:auto}

/* full-width rows + result rail */
body[data-services="rows"] .svc-grid{grid-template-columns:1fr;gap:16px}
body[data-services="rows"] .svc{grid-template-columns:1fr}
@media(min-width:840px){
  body[data-services="rows"] .svc{grid-template-columns:1fr minmax(248px,330px);align-items:stretch}
  body[data-services="rows"] .svc-band{
    flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;
    border-top:none;border-left:1px solid var(--line);
  }
  body[data-services="rows"] .svc-cap{flex:none;min-width:0}
  body[data-services="rows"] .svc-big{font-size:clamp(1.9rem,2.6vw,2.45rem)}
}
