/* =====================================================================
   PAGE SPA — Informations pratiques (déclinaison du modèle fourni)
   ===================================================================== */
.spa-info { position: relative; overflow: hidden; background: var(--cream); }
.spa-info .si-head { text-align: center; max-width: 760px; margin: 0 auto clamp(40px, 5vw, 64px); }
.spa-info .si-head .eyebrow { justify-content: center; margin-bottom: 16px; }
.spa-info .si-head .eyebrow::before { display: none; }
.spa-info .si-orn { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 0 auto 18px; color: var(--or); }
.spa-info .si-orn::before, .spa-info .si-orn::after { content: ""; width: 54px; height: 1px; background: color-mix(in oklch, var(--or) 60%, transparent); }
.spa-info .si-orn span { font-size: 1.1rem; }
.spa-info h2 { font-size: clamp(2rem, 3.6vw, 3rem); color: var(--cedre); line-height: 1.1; }
.spa-info h2 em { font-style: italic; color: var(--or); }
.spa-info .si-sub { color: var(--cedre-2); font-size: 1.04rem; line-height: 1.7; margin-top: 16px; }
.si-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(14px, 1.8vw, 24px); }
.si-card {
  display: flex; gap: 18px; align-items: flex-start;
  background: var(--blanc); border: 1px solid var(--line-soft); border-radius: 6px;
  padding: 26px 24px; transition: transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s, border-color .4s;
}
.si-card:hover { transform: translateY(-5px); box-shadow: 0 28px 54px -34px rgba(44,31,14,.5); border-color: color-mix(in oklch, var(--or) 40%, var(--line-soft)); }
.si-card .si-ic { flex: none; width: 50px; height: 50px; display: grid; place-items: center; border: 1px solid color-mix(in oklch, var(--or) 50%, transparent); border-radius: 50%; }
.si-card .si-ic svg { width: 26px; height: 26px; fill: none; stroke: var(--or); stroke-width: 1.4; }
.si-card h3 { font-family: var(--font-sans); font-weight: 500; font-size: .8rem; letter-spacing: .14em; text-transform: uppercase; color: var(--cedre); margin-bottom: 8px; line-height: 1.3; }
.si-card p { font-size: .92rem; color: var(--cedre-2); line-height: 1.6; }
@media (max-width: 900px) { .si-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .si-grid { grid-template-columns: 1fr; } }