{"id":1780,"date":"2026-08-06T23:18:36","date_gmt":"2026-08-06T23:18:36","guid":{"rendered":"https:\/\/bogards-wellness.be\/tarifs\/"},"modified":"2026-09-27T14:12:29","modified_gmt":"2026-09-27T14:12:29","slug":"tarifas","status":"publish","type":"page","link":"https:\/\/bogards-wellness.be\/es\/tarifs\/","title":{"rendered":"Tarifas"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_0 et_pb_row et_block_row\">\n<div class=\"et_pb_column_0 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><style>\n\/* \u2500\u2500 Tokens \u2500\u2500 *\/\n:root {\n  --espresso:  #2A2019;\n  --gold:      #C08040;\n  --gold-lt:   #D8B073;\n  --creme:     #F4ECE0;\n  --off-white: #FCFBF9;\n  --white:     #FFFFFF;\n  --mid:       #6E6053;\n  --btn:       #A06E3C;\n  --btn-h:     #8B5E30;\n  --fd:        'Cormorant Garamond', serif;\n  --fb:        'Mulish', sans-serif;\n  --r:         22px;   \/* border-radius card *\/\n  --r-sm:      12px;   \/* border-radius modules *\/\n}\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; }<\/p>\n<p>\/* Body = image hero fixe sur toute la hauteur de la page.\n   Les cards (step-card) couvrent l'image avec leur fond propre.\n   Les marges lat\u00e9rales transparentes laissent voir la photo en continu. *\/\nbody {\n  font-family: var(--fb);\n  color: var(--espresso);\n}<\/p>\n<p>\/* \u2500\u2500 Boutons \u2500\u2500 *\/\n.btn {\n  display: inline-block; padding: 13px 28px; background: var(--btn);\n  color: #F7F1E5; border-radius: 999px; font-family: var(--fb);\n  font-weight: 700; font-size: 14px; letter-spacing: .04em;\n  text-decoration: none; border: none; cursor: pointer;\n  transition: background .2s;\n}\n.btn:hover { background: var(--btn-h); }<\/p>\n<p>.btn-ghost {\n  color: rgba(244,236,224,.65); font-family: var(--fb); font-size: 14px;\n  font-weight: 600; letter-spacing: .04em; text-decoration: none;\n  border-bottom: 1px solid rgba(244,236,224,.25); padding-bottom: 1px;\n  transition: color .2s, border-color .2s;\n}\n.btn-ghost:hover { color: var(--gold-lt); border-color: var(--gold-lt); }<\/p>\n<p>\/* \u2500\u2500 Eyebrow \u2500\u2500 *\/\n.ew {\n  font-family: var(--fb); font-weight: 800; font-size: 10px;\n  letter-spacing: .2em; text-transform: uppercase; display: block;\n}\n.ew-gold  { color: var(--gold); }\n.ew-pale  { color: rgba(216,176,115,.6); }\n.ew-mid   { color: var(--mid); }<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO *\/\n.hero {\n  position: relative;\n  z-index: 2;\n  min-height: 88vh;\n  display: flex;\n  align-items: center;\n  padding: 120px 0 140px;\n  background: url('https:\/\/bogards-wellness.be\/wp-content\/uploads\/2026\/08\/bog-hero-tarifs.webp') right 35% \/ cover no-repeat;\n}\n\/* Gradient gauche\u2192transparent pos\u00e9 sur le hero, au-dessus de sa propre image. *\/\n.hero::before {\n  content: '';\n  position: absolute; inset: 0;\n  background: linear-gradient(90deg, rgba(42,32,25,.94) 0%, rgba(42,32,25,.62) 38%, rgba(42,32,25,.10) 100%);\n  pointer-events: none;\n}<\/p>\n<p>\/* Contenu hero *\/\n.hero-content {\n  position: relative; z-index: 1;\n  max-width: 1200px; width: 100%;\n  margin: 0 auto; padding: 0 8vw;\n}\n.hero-content .ew { margin-bottom: 18px; }<\/p>\n<p>.hero h1 {\n  font-family: var(--fd); font-size: clamp(40px, 5vw, 66px);\n  font-weight: 600; color: #F7F1E5; line-height: 1.08;\n  letter-spacing: .01em; margin-bottom: 22px;\n}\n.hero h1 em { font-style: italic; color: var(--gold-lt); font-weight: 400; }<\/p>\n<p>.hero-sub {\n  font-size: 17px; color: rgba(244,236,224,.7);\n  line-height: 1.65; margin-bottom: 44px; max-width: 430px;\n}\n.hero-ctas { display: flex; align-items: center; gap: 28px; }<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 STEP WRAPPER *\/\n\/* Transparent \u2014 laisse voir le body cr\u00e8me (et la photo tant que hero est en vue) *\/\n.s-step {\n  background: transparent;\n  padding: 0 5vw;\n  position: relative; z-index: 1;\n}\n\/* \u00c9tape 1 : apr\u00e8s le hero, pas de chevauchement *\/\n.s-format { padding-top: 80px; }\n\/* Espace g\u00e9n\u00e9reux entre les cards *\/\n.s-mains  { padding-top: 72px; }\n.s-duree  { padding-top: 88px; }\n.s-moment { padding-top: 72px; }\n.s-table  { padding-top: 64px; padding-bottom: 80px; }\n.s-cta    { padding-top: 48px; padding-bottom: 80px; }<\/p>\n<p>\/* \u2500\u2500 Card flottante (conteneur centr\u00e9 arrondi) \u2500\u2500 *\/\n.step-card {\n  max-width: 1100px;\n  margin: 0 auto;\n  border-radius: var(--r);\n  overflow: hidden;\n  scroll-margin-top: 32px;\n}<\/p>\n<p>\/* Variantes de fond *\/\n\/* Espresso = m\u00eame d\u00e9grad\u00e9 que le hero : opaque \u00e0 gauche \u2192 transparent \u00e0 droite.\n   La photo du body ressort sur le quart droit de la card. *\/\n.card-espresso {\n  background: linear-gradient(\n    100deg,\n    rgba(42,32,25,1)    0%,\n    rgba(42,32,25,1)   42%,\n    rgba(42,32,25,.82) 62%,\n    rgba(42,32,25,.45) 80%,\n    rgba(42,32,25,1)  100%\n  );\n}\n.card-white    { background: var(--white); }\n.card-creme    { background: var(--creme); }\n.card-offwhite { background: var(--off-white); }<\/p>\n<p>\/* \u2500\u2500 En-t\u00eate de section (\u00e0 l'int\u00e9rieur des cards) \u2500\u2500 *\/\n.card-head {\n  text-align: center;\n  padding: 64px 8% 0;\n}\n.card-head .ew { margin-bottom: 14px; }\n.card-head h2 {\n  font-family: var(--fd); font-size: clamp(26px, 2.8vw, 42px);\n  font-weight: 400; line-height: 1.15;\n}\n.head-light h2 { color: #F7F1E5; }\n.head-dark  h2 { color: var(--espresso); }<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 \u00c9TAPE 1 \u2014 FORMAT *\/\n.format-grid {\n  display: grid; grid-template-columns: 1fr 1fr;\n  margin-top: 56px;\n  border-top: 1px solid rgba(216,176,115,.14);\n}<\/p>\n<p>.f-opt {\n  padding: 52px 10% 68px;\n  text-align: center;\n  display: flex; flex-direction: column; align-items: center;\n  cursor: pointer;\n  transition: background .25s, transform .25s cubic-bezier(.22,1,.36,1);\n  position: relative;\n}\n.f-opt:first-child { background: var(--espresso); border-right: 1px solid rgba(216,176,115,.18); }\n.f-opt:last-child { background: #3D2B1C; }\n.f-opt:first-child:hover { background: #201712; transform: translateY(-3px); }\n.f-opt:last-child:hover { background: #4A3423; transform: translateY(-3px); }\n.f-opt.selected { background: rgba(192,128,64,.1); }\n.f-opt.selected::after {\n  content: ''; position: absolute; inset: 0;\n  border: 1.5px solid rgba(192,128,64,.5); border-radius: 0; pointer-events: none;\n}<\/p>\n<p>.f-icon { width: 72px; height: 80px; margin: 0 auto 32px; }<\/p>\n<p>.f-label {\n  font-family: var(--fb); font-weight: 800; font-size: 10px;\n  letter-spacing: .2em; text-transform: uppercase;\n  color: rgba(216,176,115,.5); margin-bottom: 12px;\n}\n.f-title {\n  font-family: var(--fd); font-size: clamp(22px, 2.2vw, 32px);\n  font-weight: 400; color: #F7F1E5; line-height: 1.15; margin-bottom: 12px;\n}\n.f-opt:last-child .f-title { color: var(--gold-lt); }\n.f-desc { font-size: 15px; color: rgba(244,236,224,.5); line-height: 1.65; max-width: 260px; }<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 \u00c9TAPE 2 \u2014 MAINS *\/\n.mains-grid {\n  display: grid; grid-template-columns: 1fr 1fr;\n  margin-top: 52px;\n}<\/p>\n<p>.m-opt {\n  padding: 52px 10% 68px;\n  text-align: center;\n  display: flex; flex-direction: column; align-items: center;\n  cursor: pointer;\n  position: relative;\n  transition: background .25s, transform .25s cubic-bezier(.22,1,.36,1);\n}\n.m-opt:first-child {\n  border-right: 1px solid rgba(42,32,25,.07);\n  background: var(--off-white);\n  border-bottom-left-radius: var(--r);\n  box-shadow: inset 0 0 0 1px rgba(192,128,64,.18);\n  transition: background .25s, transform .25s cubic-bezier(.22,1,.36,1), box-shadow .25s;\n}\n.m-opt:last-child {\n  background: var(--espresso);\n  border-bottom-right-radius: var(--r);\n  box-shadow: inset 0 0 0 1px rgba(216,176,115,.22);\n  transition: background .25s, transform .25s cubic-bezier(.22,1,.36,1), box-shadow .25s;\n}\n.m-opt:first-child:hover { background: var(--creme); transform: translateY(-3px); box-shadow: inset 0 0 0 1.5px rgba(192,128,64,.45); }\n.m-opt:last-child:hover  { background: #352a1e; transform: translateY(-3px); box-shadow: inset 0 0 0 1.5px rgba(216,176,115,.5); }<\/p>\n<p>.m-opt.selected::after {\n  content: ''; position: absolute; inset: 0;\n  border: 2px solid var(--gold); pointer-events: none;\n  border-radius: inherit;\n}<\/p>\n<p>.m-icon { width: 72px; height: 58px; margin: 0 auto 30px; }\n.m-opt:first-child .m-icon svg { stroke: var(--gold); }\n.m-opt:last-child  .m-icon svg { stroke: var(--gold-lt); }<\/p>\n<p>.m-label {\n  font-family: var(--fb); font-weight: 800; font-size: 10px;\n  letter-spacing: .2em; text-transform: uppercase; margin-bottom: 12px;\n}\n.m-opt:first-child .m-label { color: var(--mid); }\n.m-opt:last-child  .m-label { color: rgba(216,176,115,.6); }<\/p>\n<p>.m-title {\n  font-family: var(--fd); font-size: clamp(20px, 2vw, 28px);\n  font-weight: 400; line-height: 1.2; margin-bottom: 10px;\n}\n.m-opt:first-child .m-title { color: var(--espresso); }\n.m-opt:last-child  .m-title { color: #F7F1E5; }<\/p>\n<p>.m-sub { font-size: 13px; font-weight: 700; letter-spacing: .04em; }\n.m-opt:first-child .m-sub { color: var(--mid); }\n.m-opt:last-child  .m-sub { color: var(--gold-lt); }<\/p>\n<p>\/* Auto-r\u00e9solu (duo s\u00e9lectionn\u00e9) *\/\n.mains-auto {\n  display: none; align-items: center; justify-content: center;\n  gap: 12px; padding: 40px 8%;\n}\n.s-mains.duo-lock .mains-grid { display: none; }\n.s-mains.duo-lock .mains-auto { display: flex; }\n.mains-auto-check {\n  width: 26px; height: 26px; border-radius: 50%; background: var(--gold);\n  display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n}\n.mains-auto p { font-size: 15px; font-weight: 600; color: var(--mid); }<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 \u00c9TAPE 3 \u2014 DUR\u00c9E *\/\n.duree-grid {\n  display: grid; grid-template-columns: repeat(3, 1fr);\n  margin-top: 52px;\n  border-top: 1px solid rgba(42,32,25,.06);\n}<\/p>\n<p>.d-opt {\n  padding: 52px 8% 64px;\n  text-align: center;\n  display: flex; flex-direction: column; align-items: center;\n  cursor: pointer;\n  position: relative;\n  transition: background .25s, transform .25s cubic-bezier(.22,1,.36,1);\n}\n.d-opt:nth-child(1) { background: var(--off-white); }\n.d-opt:nth-child(2) { background: var(--creme); }\n.d-opt:nth-child(3) { background: var(--off-white); }\n.d-opt:not(:first-child) { border-left: 1px solid rgba(42,32,25,.08); }\n.d-opt:nth-child(1):hover, .d-opt:nth-child(3):hover { background: #F2EBDD; transform: translateY(-3px); }\n.d-opt:nth-child(2):hover { background: #EDE2CE; transform: translateY(-3px); }\n.d-opt.selected { background: var(--creme); }\n.d-opt.selected::after {\n  content: ''; position: absolute; inset: 0;\n  border: 2px solid var(--gold); pointer-events: none; border-radius: 0;\n}\n.d-opt:first-child.selected::after  { border-radius: 0 0 0 var(--r); }\n.d-opt:last-child.selected::after   { border-radius: 0 0 var(--r) 0; }<\/p>\n<p>.d-icon { width: 36px; height: 46px; margin: 0 auto 26px;\n          transition: transform .25s; }\n.d-opt:hover .d-icon { transform: translateY(-2px); }<\/p>\n<p>.d-label {\n  font-family: var(--fb); font-weight: 800; font-size: 10px;\n  letter-spacing: .2em; text-transform: uppercase;\n  color: var(--gold); margin-bottom: 14px; display: block;\n}\n.d-title {\n  font-family: var(--fd); font-size: clamp(18px, 1.8vw, 26px);\n  font-weight: 400; color: var(--espresso); line-height: 1.2; margin-bottom: 10px;\n}\n.d-desc { font-size: 14px; color: var(--mid); line-height: 1.65; }<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 VOTRE MOMENT *\/\n.moment-card {\n  padding: 72px 10%;\n  min-height: auto;\n  transition: min-height .4s;\n}<\/p>\n<p>\/* \u00c9tat incomplet \u2014 compact *\/\n#moment-pending { text-align: center; }\n#moment-pending h3 {\n  font-family: var(--fd); font-size: clamp(22px, 2.6vw, 38px);\n  font-weight: 400; color: rgba(244,236,224,.55); line-height: 1.2;\n}<\/p>\n<p>\/* \u00c9tat complet *\/\n#moment-result { text-align: center; animation: fadeUp .4s ease; }\n@keyframes fadeUp { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }<\/p>\n<p>.moment-eyebrow { margin-bottom: 10px; }<\/p>\n<p>.moment-recap {\n  font-family: var(--fb); font-size: 12px; font-weight: 700;\n  letter-spacing: .14em; text-transform: uppercase;\n  color: rgba(216,176,115,.6); margin-bottom: 32px;\n  display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap;\n}\n.moment-recap .sep { opacity: .35; }<\/p>\n<p>.moment-price {\n  font-family: var(--fd); font-size: clamp(72px, 10vw, 120px);\n  font-weight: 300; color: var(--gold-lt); line-height: 1;\n  letter-spacing: -.02em; margin-bottom: 10px;\n}\n.moment-note {\n  font-family: var(--fb); font-size: 11px; font-weight: 700;\n  letter-spacing: .14em; text-transform: uppercase;\n  color: rgba(244,236,224,.3); margin-bottom: 36px;\n}<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TABLEAU *\/\n.table-card {\n  max-width: 1100px; margin: 0 auto;\n  background: var(--off-white); border-radius: var(--r); padding: 72px 80px;\n}\n.table-card h2 {\n  font-family: var(--fd); font-size: clamp(26px,2.8vw,42px);\n  font-weight: 400; text-align: center; margin-bottom: 10px;\n}\n.table-sub {\n  text-align: center; font-size: 15px; color: var(--mid);\n  line-height: 1.65; margin-bottom: 60px;\n}\n.t-head {\n  display: grid; grid-template-columns: 1fr 80px 80px 80px;\n  padding-bottom: 14px; border-bottom: 1.5px solid var(--espresso); margin-bottom: 4px;\n}\n.t-hl { font-family: var(--fb); font-weight: 800; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; color: var(--mid); }\n.t-hp { font-family: var(--fb); font-weight: 800; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; color: var(--mid); text-align: center; }\n.t-group { font-size: 10px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: var(--gold); padding: 22px 0 8px; display: block; }\n.t-row {\n  display: grid; grid-template-columns: 1fr 80px 80px 80px;\n  padding: 16px 0; border-bottom: 1px solid rgba(42,32,25,.08);\n  align-items: center; text-decoration: none;\n  transition: background .15s; border-radius: 4px;\n}\n.t-row:hover { background: rgba(192,128,64,.05); padding: 16px 12px; margin: 0 -12px; }\n.t-name { font-family: var(--fd); font-size: 21px; font-weight: 400; color: var(--espresso); }\n.t-fmt  { font-size: 12px; color: var(--mid); font-weight: 600; letter-spacing: .03em; margin-top: 2px; }\n.t-price { font-family: var(--fd); font-size: 21px; font-weight: 400; color: var(--gold); text-align: center; }<\/p>\n<p>.table-note {\n  margin-top: 36px; font-size: 14px; color: var(--mid); line-height: 1.65;\n  padding: 16px 20px; background: var(--creme); border-left: 3px solid var(--gold); border-radius: 4px;\n}<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CTA *\/\n.cta-card {\n  max-width: 1100px; margin: 0 auto;\n  background: var(--espresso); border-radius: var(--r);\n  padding: 100px 80px; text-align: center;\n}\n.cta-card h2 {\n  font-family: var(--fd); font-size: clamp(30px,3.6vw,52px);\n  font-weight: 400; color: #F7F1E5; line-height: 1.12;\n  margin-bottom: 36px; max-width: 520px; margin-left: auto; margin-right: auto;\n}<\/p>\n<p>.bog-tarifs-guard { color: inherit; }\n@media (max-width: 980px) {\n  \/* Responsive du tableau tarifaire (23\/08) : .table-card avait 160px de padding\n     et .t-row des colonnes fixes, sans media query. En 320px le document debordait\n     de 99px et pouvait glisser lateralement. *\/\n  .s-step.s-table .table-card { padding: 40px 16px !important; }\n  .t-head, .t-row { grid-template-columns: minmax(0,1fr) 56px 56px 56px; }\n  .t-price, .t-hp { font-size: 17px; }\n  .t-row:hover { padding: 16px 0; margin: 0; }\n}\n@media (max-width: 360px) {\n  .t-head, .t-row { grid-template-columns: minmax(0,1fr) 48px 48px 48px; }\n  .t-price, .t-hp { font-size: 15px; }\n}\n<\/style>\n<section class=\"hero\">\n<div class=\"hero-content\">\n    <span class=\"ew ew-pale\">Tarifs<\/span><\/p>\n<h1>Alors, on d\u00e9croche<br \/>pour combien<br \/>de <em>temps<\/em>&nbsp;?<\/h1>\n<p class=\"hero-sub\">Une petite pause, une vraie parenth\u00e8se<br \/>ou le temps de tout oublier. \u00c0 vous de choisir.<\/p>\n<div class=\"hero-ctas\">\n      <a href=\"#format\" class=\"btn\">Composer mon moment<\/a>\n    <\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- \u2550\u2550 \u00c9TAPE 1 \u2014 FORMAT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><\/p>\n<section class=\"s-step s-format\" id=\"format\">\n<div class=\"step-card card-espresso\">\n<div class=\"card-head head-light\">\n      <span class=\"ew ew-pale\">\u00c9tape 1<\/span><\/p>\n<h2>Ce moment, vous le<br \/>gardez pour vous&nbsp;?<\/h2>\n<\/p><\/div>\n<div class=\"format-grid\">\n<div class=\"f-opt\" data-format=\"solo\" onclick=\"selectFormat(this)\">\n<div class=\"f-icon\">\n          <!-- Silhouette solo \u2014 r\u00e9f\u00e9rence absolue du syst\u00e8me d'ic\u00f4nes --><br \/>\n          <svg viewBox=\"0 0 80 90\" fill=\"none\" stroke=\"#C08040\" stroke-width=\"1.8\" stroke-linecap=\"round\">\n            <circle cx=\"40\" cy=\"22\" r=\"12\"\/>\n            <path d=\"M16 88 C16 68 24 60 40 58 C56 60 64 68 64 88\"\/>\n          <\/svg>\n        <\/div>\n<p class=\"f-label\">Individuel<\/p>\n<h3 class=\"f-title\">Rien que pour moi<\/h3>\n<p class=\"f-desc\">Un moment enti\u00e8rement consacr\u00e9 \u00e0 vous.<\/p>\n<\/p><\/div>\n<div class=\"f-opt\" data-format=\"duo\" onclick=\"selectFormat(this)\">\n<div class=\"f-icon\">\n          <!-- Silhouette duo \u2014 m\u00eame syst\u00e8me, deux formes --><br \/>\n          <svg viewBox=\"0 0 90 90\" fill=\"none\" stroke=\"#D8B073\" stroke-width=\"1.8\" stroke-linecap=\"round\">\n            <circle cx=\"28\" cy=\"22\" r=\"11\"\/>\n            <path d=\"M6 88 C6 68 15 60 28 58 C41 60 50 68 50 88\"\/>\n            <circle cx=\"62\" cy=\"22\" r=\"11\" opacity=\".65\"\/>\n            <path d=\"M40 88 C40 68 49 60 62 58 C75 60 84 68 84 88\" opacity=\".65\"\/>\n          <\/svg>\n        <\/div>\n<p class=\"f-label\">Duo<\/p>\n<h3 class=\"f-title\">On d\u00e9croche \u00e0 deux<\/h3>\n<p class=\"f-desc\">\u00c0 deux, c\u00f4te \u00e0 c\u00f4te, chacun son massage.<\/p>\n<\/p><\/div>\n<\/div><\/div>\n<\/section>\n<p><!-- \u2550\u2550 \u00c9TAPE 2 \u2014 MAINS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><\/p>\n<section class=\"s-step s-mains\" id=\"mains\">\n<div class=\"step-card card-white\">\n<div class=\"card-head head-dark\">\n      <span class=\"ew ew-gold\">\u00c9tape 2<\/span><\/p>\n<h2>Deux mains\u2026<br \/>ou quatre&nbsp;?<\/h2>\n<\/p><\/div>\n<div class=\"mains-grid\">\n<div class=\"m-opt\" data-mains=\"2\" onclick=\"selectMains(this)\">\n<div class=\"m-icon\">\n          <!--\n            Ic\u00f4ne \"2 mains\" \u2014 m\u00eame niveau d'abstraction que Individuel\/Duo :\n            UNE forme arrondie simple par main + l\u00e9g\u00e8re inflexion pour le pouce.\n            Presque une \"moufle\" graphique. Aucun doigt individuel.\n            2 mains = 2 formes.\n          --><br \/>\n          <svg viewBox=\"0 0 72 56\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <!-- Main gauche (moufle) -->\n            <path d=\"M8 44 Q6 54 18 56 Q28 54 28 44 Q32 38 30 22 Q28 8 18 8 Q8 8 6 22 Q4 36 8 44 Z\" stroke=\"#C08040\"\/>\n            <path d=\"M6 26 Q0 24 0 32 Q0 40 6 38\" stroke=\"#C08040\"\/>\n            <!-- Main droite (m\u00eame forme, sym\u00e9trique) -->\n            <path d=\"M44 44 Q42 54 54 56 Q64 54 64 44 Q68 38 66 22 Q64 8 54 8 Q44 8 42 22 Q40 36 44 44 Z\" stroke=\"#C08040\"\/>\n            <path d=\"M66 26 Q72 24 72 32 Q72 40 66 38\" stroke=\"#C08040\"\/>\n          <\/svg>\n        <\/div>\n<p class=\"m-label\">Une praticienne<\/p>\n<h3 class=\"m-title\">Je garde encore<br \/>un peu le contr\u00f4le<\/h3>\n<p class=\"m-sub\">Deux mains \u00b7 une praticienne<\/p>\n<\/p><\/div>\n<div class=\"m-opt\" data-mains=\"4\" onclick=\"selectMains(this)\">\n<div class=\"m-icon\">\n          <!--\n            Ic\u00f4ne \"4 mains\" \u2014 exactement les m\u00eames 4 formes.\n            Math\u00e9matiquement \u00e9vident : 2 mains = 2 formes, 4 mains = 4 formes.\n            M\u00eame stroke, m\u00eame moufle, dispos\u00e9es en 2+2.\n          --><br \/>\n          <svg viewBox=\"0 0 72 56\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <!-- Rang arri\u00e8re (l\u00e9g\u00e8rement d\u00e9cal\u00e9, opacity r\u00e9duite) -->\n            <g opacity=\".55\">\n              <path d=\"M10 38 Q8 46 17 48 Q24 46 24 38 Q27 33 26 20 Q24 8 17 8 Q10 8 8 20 Q6 31 10 38 Z\" stroke=\"#D8B073\"\/>\n              <path d=\"M8 24 Q3 22 3 28 Q3 35 8 33\" stroke=\"#D8B073\"\/>\n              <path d=\"M48 38 Q46 46 55 48 Q62 46 62 38 Q65 33 64 20 Q62 8 55 8 Q48 8 46 20 Q44 31 48 38 Z\" stroke=\"#D8B073\"\/>\n              <path d=\"M64 24 Q69 22 69 28 Q69 35 64 33\" stroke=\"#D8B073\"\/>\n            <\/g>\n            <!-- Rang avant (m\u00eame forme, d\u00e9cal\u00e9 bas + avant) -->\n            <path d=\"M7 48 Q5 56 16 58 Q25 56 25 48 Q28 42 27 28 Q25 16 16 16 Q7 16 5 28 Q3 40 7 48 Z\" stroke=\"#D8B073\"\/>\n            <path d=\"M5 32 Q0 30 0 37 Q0 44 5 42\" stroke=\"#D8B073\"\/>\n            <path d=\"M47 48 Q45 56 56 58 Q65 56 65 48 Q68 42 67 28 Q65 16 56 16 Q47 16 45 28 Q43 40 47 48 Z\" stroke=\"#D8B073\"\/>\n            <path d=\"M67 32 Q72 30 72 37 Q72 44 67 42\" stroke=\"#D8B073\"\/>\n          <\/svg>\n        <\/div>\n<p class=\"m-label\">Deux praticiennes<\/p>\n<h3 class=\"m-title\">Je l\u00e2che<br \/>compl\u00e8tement prise<\/h3>\n<p class=\"m-sub\">Quatre mains \u00b7 deux praticiennes<\/p>\n<\/p><\/div>\n<\/div>\n<p><!-- R\u00e9solution automatique si Duo --><\/p>\n<div class=\"mains-auto\">\n<div class=\"mains-auto-check\">\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\">\n          <path d=\"M2 6.5L5.5 10L11 3\" stroke=\"white\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/div>\n<p>Pour le duo : une praticienne par personne \u2014 inclus.<\/p>\n<\/p><\/div>\n<\/div>\n<\/section>\n<p><!-- \u2550\u2550 \u00c9TAPE 3 \u2014 DUR\u00c9E \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><\/p>\n<section class=\"s-step s-duree\" id=\"duree\">\n<div class=\"step-card card-offwhite\">\n<div class=\"card-head head-dark\">\n      <span class=\"ew ew-gold\">\u00c9tape 3<\/span><\/p>\n<h2>Et on dispara\u00eet<br \/>combien de temps&nbsp;?<\/h2>\n<\/p><\/div>\n<div class=\"duree-grid\">\n<div class=\"d-opt\" data-duree=\"30\" onclick=\"selectDuree(this)\">\n<div class=\"d-icon\">\n          <svg viewBox=\"0 0 36 46\" fill=\"none\" stroke=\"#C08040\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M2 2 L34 2 L18 23 Z\"\/>\n            <path d=\"M2 44 L34 44 L18 23 Z\"\/>\n          <\/svg>\n        <\/div>\n<p>        <span class=\"d-label\">30 min<\/span><\/p>\n<h3 class=\"d-title\">\n          <span class=\"txt-solo\">Je souffle<br \/>un peu<\/span><br \/>\n          <span class=\"txt-duo\" style=\"display:none\">On souffle<br \/>un peu<\/span><br \/>\n        <\/h3>\n<p class=\"d-desc\">\n          <span class=\"txt-solo\">Une demi-heure rien qu'\u00e0 moi.<\/span><br \/>\n          <span class=\"txt-duo\" style=\"display:none\">Une demi-heure rien qu'\u00e0 nous.<\/span>\n        <\/p>\n<\/p><\/div>\n<div class=\"d-opt\" data-duree=\"60\" onclick=\"selectDuree(this)\">\n<div class=\"d-icon\">\n          <svg viewBox=\"0 0 36 46\" fill=\"none\" stroke=\"#C08040\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M2 2 L34 2 L18 23 Z\"\/>\n            <path d=\"M2 44 L34 44 L18 23 Z\"\/>\n          <\/svg>\n        <\/div>\n<p>        <span class=\"d-label\">60 min<\/span><\/p>\n<h3 class=\"d-title\">\n          <span class=\"txt-solo\">Je d\u00e9croche<br \/>vraiment<\/span><br \/>\n          <span class=\"txt-duo\" style=\"display:none\">On d\u00e9croche<br \/>vraiment<\/span><br \/>\n        <\/h3>\n<p class=\"d-desc\">\n          <span class=\"txt-solo\">L\u00e0, je commence s\u00e9rieusement \u00e0 oublier l'heure.<\/span><br \/>\n          <span class=\"txt-duo\" style=\"display:none\">L\u00e0, on commence s\u00e9rieusement \u00e0 oublier l'heure.<\/span>\n        <\/p>\n<\/p><\/div>\n<div class=\"d-opt\" data-duree=\"90\" onclick=\"selectDuree(this)\">\n<div class=\"d-icon\">\n          <svg viewBox=\"0 0 36 46\" fill=\"none\" stroke=\"#C08040\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M2 2 L34 2 L18 23 Z\"\/>\n            <path d=\"M2 44 L34 44 L18 23 Z\"\/>\n          <\/svg>\n        <\/div>\n<p>        <span class=\"d-label\">90 min<\/span><\/p>\n<h3 class=\"d-title\">\n          <span class=\"txt-solo\">Je ne suis plus l\u00e0<br \/>pour personne<\/span><br \/>\n          <span class=\"txt-duo\" style=\"display:none\">On n'est plus l\u00e0<br \/>pour personne<\/span><br \/>\n        <\/h3>\n<p class=\"d-desc\">\n          <span class=\"txt-solo\">Le reste du monde attendra.<\/span><br \/>\n          <span class=\"txt-duo\" style=\"display:none\">Le reste du monde attendra.<\/span>\n        <\/p>\n<\/p><\/div>\n<\/div><\/div>\n<\/section>\n<p><!-- \u2550\u2550 VOTRE MOMENT BOGARDS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><\/p>\n<section class=\"s-step s-moment\" id=\"moment\">\n<div class=\"step-card card-espresso moment-card\">\n<!-- Incomplet \u2014 compact --><\/p>\n<div id=\"moment-pending\">\n<h3>Calculez le prix de votre s\u00e9ance<\/h3>\n<\/p><\/div>\n<p><!-- Complet --><\/p>\n<div id=\"moment-result\" style=\"display:none\">\n      <span class=\"ew ew-pale moment-eyebrow\">Votre moment Bogards<\/span><\/p>\n<div class=\"moment-recap\">\n        <span id=\"mr-format\">Rien que pour moi<\/span><br \/>\n        <span class=\"sep\">\u2014<\/span><br \/>\n        <span id=\"mr-mains\">Deux praticiennes<\/span><br \/>\n        <span class=\"sep\">\u2014<\/span><br \/>\n        <span id=\"mr-duree\">60 minutes<\/span>\n      <\/div>\n<div class=\"moment-price\" id=\"mr-price\">120 \u20ac<\/div>\n<p class=\"moment-note\" id=\"mr-note\">Par personne \u00b7 Paiement sur place<\/p>\n<p>      <a href=\"\/reservation\/\" class=\"btn\">Je r\u00e9serve ma session \u2192<\/a>\n    <\/div>\n<\/div>\n<\/section>\n<p><!-- \u2550\u2550 TABLEAU \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><\/p>\n<section class=\"s-step s-table\" id=\"tarifs\">\n<div class=\"table-card\">\n    <span class=\"ew ew-gold\" style=\"text-align:center;margin-bottom:14px\">Tous les tarifs<\/span><\/p>\n<h2>Tous nos massages et tarifs<\/h2>\n<p class=\"table-sub\">Vous pr\u00e9f\u00e9rez tout voir d'un coup ? Retrouvez ici toutes les dur\u00e9es et tous les prix.<\/p>\n<div class=\"t-head\">\n      <span class=\"t-hl\">Massage<\/span><br \/>\n      <span class=\"t-hp\">30 min<\/span><br \/>\n      <span class=\"t-hp\">60 min<\/span><br \/>\n      <span class=\"t-hp\">90 min<\/span>\n    <\/div>\n<p><span class=\"t-group\">Massages individuels \u00b7 2 mains<\/span><br \/>\n    <a href=\"\/massage-relaxant\/\" class=\"t-row\"><\/p>\n<div>\n<div class=\"t-name\">Massage relaxant<\/div>\n<div class=\"t-fmt\">Une praticienne<\/div>\n<\/div>\n<div class=\"t-price\">40 \u20ac<\/div>\n<div class=\"t-price\">60 \u20ac<\/div>\n<div class=\"t-price\">90 \u20ac<\/div>\n<p>    <\/a><br \/>\n    <a href=\"\/massage-huile-chaude\/\" class=\"t-row\"><\/p>\n<div>\n<div class=\"t-name\">Massage \u00e0 l'huile chaude<\/div>\n<div class=\"t-fmt\">Une praticienne<\/div>\n<\/div>\n<div class=\"t-price\">40 \u20ac<\/div>\n<div class=\"t-price\">60 \u20ac<\/div>\n<div class=\"t-price\">90 \u20ac<\/div>\n<p>    <\/a><br \/>\n    <a href=\"\/massage-chinois\/\" class=\"t-row\"><\/p>\n<div>\n<div class=\"t-name\">Massage chinois<\/div>\n<div class=\"t-fmt\">Une praticienne<\/div>\n<\/div>\n<div class=\"t-price\">40 \u20ac<\/div>\n<div class=\"t-price\">60 \u20ac<\/div>\n<div class=\"t-price\">90 \u20ac<\/div>\n<p>    <\/a><br \/>\n    <a href=\"\/massage-ventouses-chinoises\/\" class=\"t-row\"><\/p>\n<div>\n<div class=\"t-name\">Aux ventouses chinoises<\/div>\n<div class=\"t-fmt\">Une praticienne<\/div>\n<\/div>\n<div class=\"t-price\">40 \u20ac<\/div>\n<div class=\"t-price\">60 \u20ac<\/div>\n<div class=\"t-price\">90 \u20ac<\/div>\n<p>    <\/a><br \/>\n<span class=\"t-group\">Duo & quatre mains<\/span><br \/>\n    <a href=\"\/massage-duo\/\" class=\"t-row\"><\/p>\n<div>\n<div class=\"t-name\">Massage en duo<\/div>\n<div class=\"t-fmt\">Deux personnes \u00b7 deux praticiennes<\/div>\n<\/div>\n<div class=\"t-price\">80 \u20ac<\/div>\n<div class=\"t-price\">120 \u20ac<\/div>\n<div class=\"t-price\">180 \u20ac<\/div>\n<p>    <\/a><br \/>\n    <a href=\"\/massage-quatre-mains\/\" class=\"t-row\"><\/p>\n<div>\n<div class=\"t-name\">Massage \u00e0 quatre mains<\/div>\n<div class=\"t-fmt\">Une personne \u00b7 deux praticiennes<\/div>\n<\/div>\n<div class=\"t-price\">80 \u20ac<\/div>\n<div class=\"t-price\">120 \u20ac<\/div>\n<div class=\"t-price\">180 \u20ac<\/div>\n<p>    <\/a><\/p>\n<p class=\"table-note\"><strong>\u00c0 noter :<\/strong> Prix par personne, sauf pour le duo (factur\u00e9 pour 2). Le r\u00e8glement s\u2019effectue sur place, en esp\u00e8ces ou par Bancontact, Visa ou Mastercard. Nous ne proposons pas de paiement en ligne.<\/p>\n<\/p><\/div>\n<\/section>\n<p><!-- \u2550\u2550 CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><\/p>\n<section class=\"s-step s-cta\">\n<div class=\"cta-card\">\n    <span class=\"ew ew-pale\" style=\"text-align:center;margin-bottom:20px\">Pr\u00eat\u00b7e ?<\/span><\/p>\n<h2>Un dernier geste.<br \/>Votre parenth\u00e8se commence.<\/h2>\n<p>    <a href=\"\/reservation\/\" class=\"btn\">Je r\u00e9serve \u2192<\/a>\n  <\/div>\n<\/section>\n<div id=\"calc-i18n\" hidden aria-hidden=\"true\">\n  <span data-k=\"format-solo\">Rien que pour moi<\/span><br \/>\n  <span data-k=\"format-duo\">On d\u00e9croche \u00e0 deux<\/span><br \/>\n  <span data-k=\"mains-2\">Une praticienne<\/span><br \/>\n  <span data-k=\"mains-4\">Deux praticiennes<\/span><br \/>\n  <span data-k=\"mains-duo\">Une praticienne par personne<\/span><br \/>\n  <span data-k=\"duree-30\">30 minutes<\/span><br \/>\n  <span data-k=\"duree-60\">60 minutes<\/span><br \/>\n  <span data-k=\"duree-90\">90 minutes<\/span><br \/>\n  <span data-k=\"note-solo\">Par personne \u00b7 Paiement sur place<\/span><br \/>\n  <span data-k=\"note-duo\">Prix total pour deux personnes \u00b7 Paiement sur place<\/span>\n<\/div>\n<p><script>\nfunction T(k, fr) { const el = document.querySelector('#calc-i18n [data-k=\"' + k + '\"]'); const v = el && el.textContent.trim(); return v || fr; }\nconst PRICES = {\n  solo: { 2: {30:40,  60:60,  90:90  }, 4: {30:80, 60:120, 90:180} },\n  duo:  { 2: {30:80,  60:120, 90:180 } }\n};\nconst LABEL_FORMAT = { solo: 'Rien que pour moi',     duo: 'On d\u00e9croche \u00e0 deux' };\nconst LABEL_MAINS  = { 2: 'Une praticienne',          4: 'Deux praticiennes' };\nconst LABEL_DUREE  = { 30: '30 minutes', 60: '60 minutes', 90: '90 minutes' };\nconst NOTE         = { solo: 'Par personne \u00b7 Paiement sur place',\n                       duo:  'Prix total pour deux personnes \u00b7 Paiement sur place' };\nlet st = { format:null, mains:null, duree:null };\nfunction scrollToStep(sectionClass) {\n  const card = document.querySelector(sectionClass + ' .step-card');\n  if (card) setTimeout(() => card.scrollIntoView({behavior:'smooth', block:'start'}), 300);\n}\nfunction updateDureeVoice(format) {\n  const solos = document.querySelectorAll('.txt-solo');\n  const duos  = document.querySelectorAll('.txt-duo');\n  const isDuo = format === 'duo';\n  solos.forEach(el => el.style.display = isDuo ? 'none' : '');\n  duos.forEach(el  => el.style.display = isDuo ? ''     : 'none');\n}\nfunction selectFormat(el) {\n  document.querySelectorAll('.f-opt').forEach(c => c.classList.remove('selected'));\n  el.classList.add('selected');\n  st.format = el.dataset.format;\nconst mainsSection = document.getElementById('mains');\n  if (st.format === 'duo') {\n    mainsSection.classList.add('duo-lock');\n    st.mains = 2;\n    scrollToStep('.s-duree');\n  } else {\n    mainsSection.classList.remove('duo-lock');\n    scrollToStep('.s-mains');\n  }\n  updateDureeVoice(st.format);\n  refresh();\n}\nfunction selectMains(el) {\n  document.querySelectorAll('.m-opt').forEach(c => c.classList.remove('selected'));\n  el.classList.add('selected');\n  st.mains = parseInt(el.dataset.mains);\n  scrollToStep('.s-duree');\n  refresh();\n}\nfunction selectDuree(el) {\n  document.querySelectorAll('.d-opt').forEach(c => c.classList.remove('selected'));\n  el.classList.add('selected');\n  st.duree = parseInt(el.dataset.duree);\n  refresh();\n}\nfunction refresh() {\n  const { format, mains, duree } = st;\n  if (!format || !mains || !duree) {\n    document.getElementById('moment-pending').style.display = '';\n    document.getElementById('moment-result').style.display  = 'none';\n    return;\n  }\nconst price = PRICES[format]?.[mains]?.[duree];\n  if (price == null) return;\ndocument.getElementById('mr-format').textContent = T('format-' + format, LABEL_FORMAT[format]);\n  document.getElementById('mr-mains').textContent  = format === 'duo' ? T('mains-duo', 'Une praticienne par personne') : T('mains-' + mains, LABEL_MAINS[mains]);\n  document.getElementById('mr-duree').textContent  = T('duree-' + duree, LABEL_DUREE[duree]);\n  document.getElementById('mr-price').textContent  = price + ' \u20ac';\n  document.getElementById('mr-note').textContent   = T('note-' + format, NOTE[format]);\ndocument.getElementById('moment-pending').style.display = 'none';\n  const r = document.getElementById('moment-result');\n  r.style.display = ''; r.style.animation = 'none';\n  r.offsetHeight;\n  r.style.animation = '';\nsetTimeout(() => {\n    const card = document.querySelector('.s-moment .step-card');\n    if (card) card.scrollIntoView({behavior:'smooth', block:'start'});\n  }, 280);\n}\n<\/script><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1780","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bogards-wellness.be\/es\/wp-json\/wp\/v2\/pages\/1780","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bogards-wellness.be\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bogards-wellness.be\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bogards-wellness.be\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bogards-wellness.be\/es\/wp-json\/wp\/v2\/comments?post=1780"}],"version-history":[{"count":22,"href":"https:\/\/bogards-wellness.be\/es\/wp-json\/wp\/v2\/pages\/1780\/revisions"}],"predecessor-version":[{"id":2209,"href":"https:\/\/bogards-wellness.be\/es\/wp-json\/wp\/v2\/pages\/1780\/revisions\/2209"}],"wp:attachment":[{"href":"https:\/\/bogards-wellness.be\/es\/wp-json\/wp\/v2\/media?parent=1780"}],"curies":[{"name":"bien jugado","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}