/* Accueil : section « Nos services » (maquette services). Une grille de tuiles, une par page de service.
   Aucun style en ligne (CSP) : tout passe par ces classes. */
.svc-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:8px; }
/* tuiles du bas (5 services) : 3 + 2 par defaut ; 3 sur une ligne pour un particulier ; 4 sur une ligne pour un pro */
.svc-rang{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; margin-top:16px; }
.svc-rang .svc-tile{ grid-column:span 2; }
.svc-rang .svc-tile:nth-child(n+4){ grid-column:span 3; }
html[data-public="particuliers"] .svc-rang{ grid-template-columns:repeat(3,minmax(0,1fr)); }
html[data-public="pros"] .svc-rang{ grid-template-columns:repeat(4,minmax(0,1fr)); }
html[data-public="particuliers"] .svc-rang .svc-tile, html[data-public="particuliers"] .svc-rang .svc-tile:nth-child(n+4),
html[data-public="pros"] .svc-rang .svc-tile, html[data-public="pros"] .svc-rang .svc-tile:nth-child(n+4){ grid-column:span 1; }
.svc-tile{ display:flex; flex-direction:column; gap:8px; padding:20px 20px 18px; background:#fff; color:var(--ink);
  border:1px solid var(--line, rgba(14,39,66,.14)); border-top:4px solid var(--water); border-radius:16px; text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
.svc-tile:hover, .svc-tile:focus-visible{ transform:translateY(-2px); border-color:var(--water); box-shadow:0 10px 24px rgba(14,39,66,.10); }
.svc-tile h3{ margin:0; font-size:19px; }
.svc-tile p{ margin:0; color:var(--ink-soft); font-size:15.5px; }
.svc-tile--phare{ background:var(--ink); color:var(--paper); border-color:var(--ink); border-top-color:var(--spark); padding:26px 26px 22px; }
.svc-tile--phare h3{ font-size:24px; color:var(--paper); }
.svc-tile--phare p{ color:rgba(244,247,251,.86); font-size:16.5px; }
.svc-tile--phare:hover, .svc-tile--phare:focus-visible{ border-color:var(--spark); }
.svc-pour{ display:flex; flex-wrap:wrap; gap:6px; }
.svc-chip{ font-size:12px; font-weight:800; letter-spacing:.02em; padding:3px 10px; border-radius:999px; background:var(--foam); color:var(--water-dark); }
.svc-chip--pro{ background:#fff3cf; color:#6b5200; }
.svc-tile--phare .svc-chip{ background:rgba(255,255,255,.14); color:var(--paper); }
.svc-prix{ color:var(--spark) !important; font-size:15px !important; }
.svc-prix strong{ font-family:var(--display); font-size:26px; }
.svc-go{ margin-top:auto; padding-top:6px; font-weight:800; color:var(--water); }
.svc-tile--phare .svc-go{ color:var(--spark); }
.svc-note{ margin-top:16px; }
@media (max-width:900px){
  .svc-rang, html[data-public="particuliers"] .svc-rang, html[data-public="pros"] .svc-rang{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .svc-rang .svc-tile, .svc-rang .svc-tile:nth-child(n+4), html[data-public="particuliers"] .svc-rang .svc-tile, html[data-public="pros"] .svc-rang .svc-tile{ grid-column:span 1; }
}
@media (max-width:700px){ .svc-grid, .svc-rang, html[data-public="particuliers"] .svc-rang, html[data-public="pros"] .svc-rang{ grid-template-columns:1fr; } }