/* ==================== LAYOUT PRESTATIONS (grille 2 colonnes, nav, blocs tarifs) ==================== */

/* Appliquer à toutes les pages de prestations */
.page-prestations .ongles-layout{ display:grid; grid-template-columns: 280px 1fr; gap:2rem; }
@media (max-width: 992px){ .page-prestations .ongles-layout{ grid-template-columns: 1fr; } }

.page-prestations .ongles-nav .nav-card{
  background: var(--beige);
  border:1px solid rgba(0,0,0,.06);
  border-radius:16px;
  padding:1rem 1.25rem;
  position: sticky; top: 1rem;
  box-shadow: 0 6px 14px rgba(0,0,0,.06);
}
.page-prestations .ongles-nav h3{ margin:0 0 .75rem; font-weight:700; color:#3b3b3b; }
.page-prestations .ongles-nav ul{ list-style:none; margin:0; padding:0; display:grid; gap:.25rem; }
.page-prestations .ongles-nav a{ display:block; padding:.5rem .6rem; border-radius:10px; text-decoration:none; color:#3b3b3b; }
.page-prestations .ongles-nav a:hover{ background:#fff; box-shadow: inset 0 0 0 2px var(--gold); }
.page-prestations .nav-note{ margin-top:1rem; font-size:.9rem; color:#6b6b6b; }

.page-prestations .block{ margin-bottom:2.5rem; }
.page-prestations .block-head{
  background: linear-gradient(0deg, rgba(0,0,0,.02), rgba(0,0,0,0)) , var(--beige);
  border-left:6px solid var(--gold);
  padding:.9rem 1rem; border-radius:14px; margin-bottom:1rem;
}
.page-prestations .section-title{ margin:0; color:var(--taupe); font-family:"Alex Brush",cursive; font-size:2rem; }

.page-prestations .price-grid{ display:grid; gap:.6rem; }
.page-prestations .price-row{
  display:grid; grid-template-columns: 1fr 120px 160px; align-items:center; gap:1rem;
  background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:14px; padding:.9rem 1rem;
  box-shadow: 0 3px 8px rgba(0,0,0,.04);
}
.page-prestations .price-row.is-note{ opacity:.95; }
.page-prestations .label{ font-weight:600; color:#3b3b3b; }
.page-prestations .label .hint{ display:block; font-weight:400; color:#6b6b6b; font-size:.95rem; }
.page-prestations .time{ text-align:center; color:#555; }
.page-prestations .price{ text-align:right; font-weight:700; color:var(--taupe); background:linear-gradient(90deg, rgba(255,210,112,.25), transparent); padding:.3rem .5rem; border-radius:8px; }

@media (max-width: 700px){
  .page-prestations .price-row{ grid-template-columns:1fr; }
  .page-prestations .time, .page-prestations .price{ text-align:left; }
}