{"id":716,"date":"2026-10-02T13:56:53","date_gmt":"2026-10-02T13:56:53","guid":{"rendered":"https:\/\/spalesbainstafoukt.com\/?page_id=716"},"modified":"2026-10-06T15:45:04","modified_gmt":"2026-10-06T15:45:04","slug":"soin","status":"publish","type":"page","link":"https:\/\/spalesbainstafoukt.com\/en\/soin\/","title":{"rendered":"Soin"},"content":{"rendered":"<style data-wp-block-html=\"css\">\n\/* =========================================================\n   SOINS DU VISAGE\n   ========================================================= *\/\n\n.visage-page,\n.visage-page * {\n  box-sizing: border-box;\n}\n\n.visage-page {\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n  padding: 0 0 40px;\n\n  background: #faf7f0;\n  color: #241b17;\n\n  font-family: Arial, Helvetica, sans-serif;\n\n  overflow: hidden;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.visage-hero {\n  width: 100%;\n  min-height: 390px;\n\n  display: grid;\n  grid-template-columns: 45% 55%;\n\n  background: #f8f0e4;\n\n  overflow: hidden;\n}\n\n.visage-hero-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  padding: 55px 55px 55px 8vw;\n\n  position: relative;\n  z-index: 2;\n}\n\n.visage-eyebrow {\n  display: block;\n\n  margin-bottom: 13px;\n\n  color: #b27c3a;\n\n  font-size: 13px;\n  font-weight: 600;\n\n  letter-spacing: 3px;\n  text-transform: uppercase;\n}\n\n.visage-hero h1 {\n  margin: 0 0 18px;\n\n  color: #17120f;\n\n  font-family: Georgia, \"Times New Roman\", serif;\n\n  font-size: clamp(42px, 4.3vw, 68px);\n  font-weight: 400;\n\n  line-height: 0.98;\n  letter-spacing: -2px;\n}\n\n.visage-hero-content > p {\n  max-width: 550px;\n\n  margin: 0 0 28px;\n\n  color: #4c4540;\n\n  font-size: 18px;\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   HERO BUTTON\n   ========================================================= *\/\n\n.visage-main-btn {\n  width: fit-content;\n  min-width: 330px;\n\n  display: flex;\n  align-items: center;\n  gap: 14px;\n\n  padding: 15px 20px;\n\n  border-radius: 50px;\n\n  background: #214d39;\n  color: #ffffff !important;\n\n  text-decoration: none !important;\n\n  font-size: 16px;\n  font-weight: 600;\n\n  transition:\n    transform 0.25s ease,\n    background 0.25s ease,\n    box-shadow 0.25s ease;\n}\n\n.visage-main-btn:hover {\n  background: #173d2c;\n\n  transform: translateY(-2px);\n\n  box-shadow: 0 10px 25px rgba(25,65,46,0.18);\n}\n\n.visage-wa-icon {\n  width: 27px;\n  height: 27px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border: 2px solid rgba(255,255,255,0.9);\n\n  border-radius: 50%;\n\n  font-size: 14px;\n}\n\n.visage-arrow {\n  margin-left: auto;\n\n  font-size: 25px;\n  line-height: 1;\n}\n\n\n\/* =========================================================\n   HERO IMAGE\n   ========================================================= *\/\n\n.visage-hero-image {\n  min-height: 390px;\n\n  overflow: hidden;\n}\n\n.visage-hero-image img {\n  width: 100%;\n  height: 100%;\n\n  display: block;\n\n  object-fit: cover;\n  object-position: center;\n\n  image-rendering: auto;\n\n  transition: transform 0.6s ease;\n}\n\n.visage-hero:hover .visage-hero-image img {\n  transform: scale(1.015);\n}\n\n\n\/* =========================================================\n   GRID\n   ========================================================= *\/\n\n.visage-grid {\n  width: 100%;\n  max-width: 1500px;\n\n  margin: 18px auto 0;\n\n  padding: 0 3vw;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0, 1fr));\n\n  gap: 18px;\n}\n\n\n\/* =========================================================\n   CARDS\n   ========================================================= *\/\n\n.visage-card {\n  min-width: 0;\n  min-height: 420px;\n\n  display: grid;\n\n  grid-template-columns: 58% 42%;\n\n  overflow: hidden;\n\n  border-radius: 18px;\n\n  box-shadow:\n    0 5px 20px rgba(60,42,25,0.07);\n}\n\n.visage-card-content {\n  min-width: 0;\n\n  display: flex;\n  flex-direction: column;\n\n  padding: 30px 27px 27px;\n}\n\n.visage-card-light {\n  background: #fffdf9;\n\n  border: 1px solid #eee6d9;\n}\n\n.visage-card-green {\n  background: #214d39;\n\n  color: #ffffff;\n}\n\n\n\/* =========================================================\n   NUMBER\n   ========================================================= *\/\n\n.visage-number {\n  display: flex;\n  align-items: center;\n\n  gap: 9px;\n\n  margin-bottom: 14px;\n\n  color: #b57e3d;\n\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.visage-number span {\n  width: 30px;\n  height: 1px;\n\n  background: currentColor;\n}\n\n\n\/* =========================================================\n   TITLE\n   ========================================================= *\/\n\n.visage-card h2 {\n  margin: 0 0 14px;\n\n  font-family: Georgia, \"Times New Roman\", serif;\n\n  font-size: clamp(25px, 2.1vw, 34px);\n  font-weight: 400;\n\n  line-height: 1.05;\n\n  letter-spacing: -0.7px;\n}\n\n.visage-card-light h2 {\n  color: #201914;\n}\n\n.visage-card-green h2 {\n  color: #ffffff;\n}\n\n\n\/* =========================================================\n   DESCRIPTION\n   ========================================================= *\/\n\n.visage-card p {\n  margin: 0;\n\n  font-size: 15px;\n\n  line-height: 1.52;\n}\n\n.visage-card-light p {\n  color: #514942;\n}\n\n.visage-card-green p {\n  color: rgba(255,255,255,0.91);\n}\n\n\n\/* =========================================================\n   SEPARATOR\n   ========================================================= *\/\n\n.visage-separator {\n  width: 100%;\n  height: 1px;\n\n  margin: auto 0 17px;\n\n  background: rgba(135,105,68,0.20);\n}\n\n.visage-card-green .visage-separator {\n  background: rgba(255,255,255,0.25);\n}\n\n\n\/* =========================================================\n   PRICE\n   ========================================================= *\/\n\n.visage-price {\n  display: flex;\n  align-items: center;\n\n  gap: 12px;\n\n  margin-bottom: 19px;\n}\n\n.visage-price-icon {\n  font-size: 31px;\n\n  line-height: 1;\n\n  color: #b27c3a;\n}\n\n.visage-card-green .visage-price-icon {\n  color: #d6a967;\n}\n\n.visage-price small {\n  display: block;\n\n  margin-bottom: 2px;\n\n  font-size: 11px;\n\n  letter-spacing: 1.5px;\n}\n\n.visage-card-light .visage-price small {\n  color: #6b625a;\n}\n\n.visage-card-green .visage-price small {\n  color: rgba(255,255,255,0.78);\n}\n\n.visage-price strong {\n  display: block;\n\n  font-family: Georgia, \"Times New Roman\", serif;\n\n  font-size: 27px;\n\n  font-weight: 400;\n\n  line-height: 1;\n}\n\n.visage-card-light .visage-price strong {\n  color: #17120f;\n}\n\n.visage-card-green .visage-price strong {\n  color: #ffffff;\n}\n\n\n\/* =========================================================\n   BOOK BUTTON\n   ========================================================= *\/\n\n.visage-book-btn {\n  min-height: 55px;\n\n  display: flex;\n  align-items: center;\n\n  gap: 12px;\n\n  padding: 12px 17px;\n\n  border-radius: 14px;\n\n  text-decoration: none !important;\n\n  font-size: 14px;\n\n  transition:\n    transform 0.2s ease,\n    box-shadow 0.2s ease;\n}\n\n.visage-book-btn:hover {\n  transform: translateY(-2px);\n}\n\n.visage-card-light .visage-book-btn {\n  background: #f4eee3;\n\n  color: #173d2c !important;\n}\n\n.visage-card-green .visage-book-btn {\n  background: #ffffff;\n\n  color: #173d2c !important;\n}\n\n.visage-book-btn span {\n  width: 25px;\n  height: 25px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border: 2px solid currentColor;\n\n  border-radius: 50%;\n\n  font-size: 12px;\n}\n\n.visage-book-btn b {\n  font-weight: 600;\n}\n\n.visage-book-btn i {\n  margin-left: auto;\n\n  font-size: 23px;\n\n  font-style: normal;\n\n  line-height: 1;\n}\n\n\n\/* =========================================================\n   CARD IMAGES\n   ========================================================= *\/\n\n.visage-card-image {\n  min-width: 0;\n  min-height: 100%;\n\n  overflow: hidden;\n\n  background: #eee6d9;\n}\n\n.visage-card-image img {\n  width: 100%;\n  height: 100%;\n\n  display: block;\n\n  object-fit: cover;\n  object-position: center;\n\n  image-rendering: auto;\n\n  transition: transform 0.5s ease;\n}\n\n.visage-card:hover .visage-card-image img {\n  transform: scale(1.04);\n}\n\n\n\/* =========================================================\n   LAPTOP \/ IPAD\n   ========================================================= *\/\n\n@media (max-width: 1100px) {\n\n  .visage-hero {\n    grid-template-columns: 44% 56%;\n\n    min-height: 350px;\n  }\n\n  .visage-hero-content {\n    padding: 40px 35px 40px 5vw;\n  }\n\n  .visage-hero h1 {\n    font-size: 46px;\n  }\n\n  .visage-hero-content > p {\n    font-size: 16px;\n  }\n\n  .visage-hero-image {\n    min-height: 350px;\n  }\n\n  .visage-grid {\n    padding: 0 18px;\n\n    gap: 14px;\n  }\n\n  .visage-card {\n    min-height: 390px;\n\n    grid-template-columns: 56% 44%;\n  }\n\n  .visage-card-content {\n    padding: 25px 21px 22px;\n  }\n\n  .visage-card h2 {\n    font-size: 27px;\n  }\n\n  .visage-card p {\n    font-size: 14px;\n  }\n}\n\n\n\/* =========================================================\n   SMALL IPAD\n   ========================================================= *\/\n\n@media (max-width: 850px) {\n\n  .visage-hero {\n    grid-template-columns: 43% 57%;\n\n    min-height: 330px;\n  }\n\n  .visage-hero-content {\n    padding: 32px 25px;\n  }\n\n  .visage-eyebrow {\n    font-size: 11px;\n\n    letter-spacing: 2px;\n  }\n\n  .visage-hero h1 {\n    font-size: 39px;\n\n    letter-spacing: -1.5px;\n  }\n\n  .visage-hero-content > p {\n    font-size: 15px;\n\n    margin-bottom: 22px;\n  }\n\n  .visage-main-btn {\n    min-width: 260px;\n\n    padding: 13px 16px;\n\n    font-size: 14px;\n  }\n\n  .visage-hero-image {\n    min-height: 330px;\n  }\n\n  .visage-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .visage-card {\n    grid-template-columns: 1fr;\n\n    min-height: 0;\n  }\n\n  .visage-card-image {\n    order: -1;\n\n    height: 230px;\n  }\n\n  .visage-card-content {\n    min-height: 350px;\n  }\n}\n\n\n\/* =========================================================\n   PHONE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .visage-page {\n    padding-bottom: 20px;\n  }\n\n\n  \/* HERO *\/\n\n  .visage-hero {\n    display: flex;\n    flex-direction: column;\n\n    min-height: 0;\n  }\n\n  .visage-hero-image {\n    order: -1;\n\n    width: 100%;\n\n    height: auto;\n\n    min-height: 0;\n\n    aspect-ratio: 16 \/ 9;\n  }\n\n  .visage-hero-image img {\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n  }\n\n  .visage-hero-content {\n    padding: 34px 22px 36px;\n  }\n\n  .visage-eyebrow {\n    margin-bottom: 10px;\n\n    font-size: 10px;\n\n    letter-spacing: 2.5px;\n  }\n\n  .visage-hero h1 {\n    margin-bottom: 14px;\n\n    font-size: 40px;\n\n    line-height: 1;\n\n    letter-spacing: -1.5px;\n  }\n\n  .visage-hero-content > p {\n    margin-bottom: 23px;\n\n    font-size: 15px;\n\n    line-height: 1.5;\n  }\n\n  .visage-main-btn {\n    width: 100%;\n\n    min-width: 0;\n\n    justify-content: flex-start;\n\n    padding: 14px 17px;\n\n    font-size: 14px;\n  }\n\n\n  \/* CARDS *\/\n\n  .visage-grid {\n    display: flex;\n    flex-direction: column;\n\n    margin-top: 12px;\n\n    padding: 0 12px;\n\n    gap: 13px;\n  }\n\n  .visage-card {\n    display: flex;\n    flex-direction: column;\n\n    width: 100%;\n\n    min-height: 0;\n\n    border-radius: 16px;\n  }\n\n  .visage-card-image {\n    order: -1;\n\n    width: 100%;\n\n    height: auto;\n\n    aspect-ratio: 16 \/ 10;\n  }\n\n  .visage-card-image img {\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n  }\n\n  .visage-card-content {\n    min-height: 0;\n\n    padding: 23px 20px 20px;\n  }\n\n  .visage-number {\n    margin-bottom: 10px;\n\n    font-size: 12px;\n  }\n\n  .visage-card h2 {\n    margin-bottom: 11px;\n\n    font-size: 27px;\n\n    line-height: 1.08;\n  }\n\n  .visage-card p {\n    font-size: 14px;\n\n    line-height: 1.5;\n  }\n\n  .visage-separator {\n    margin: 20px 0 15px;\n  }\n\n  .visage-price {\n    margin-bottom: 16px;\n  }\n\n  .visage-price strong {\n    font-size: 25px;\n  }\n\n  .visage-book-btn {\n    min-height: 52px;\n  }\n}\n\n\n\/* =========================================================\n   SMALL PHONE\n   ========================================================= *\/\n\n@media (max-width: 390px) {\n\n  .visage-hero-content {\n    padding: 29px 18px 31px;\n  }\n\n  .visage-hero h1 {\n    font-size: 35px;\n  }\n\n  .visage-hero-content > p {\n    font-size: 14px;\n  }\n\n  .visage-grid {\n    padding: 0 9px;\n  }\n\n  .visage-card-content {\n    padding: 21px 17px 18px;\n  }\n\n  .visage-card h2 {\n    font-size: 24px;\n  }\n\n  .visage-card p {\n    font-size: 13.5px;\n  }\n\n  .visage-book-btn {\n    padding: 11px 14px;\n\n    font-size: 13px;\n  }\n}\n<\/style>\n\n<section class=\"visage-page\">\n\n  <!-- ================= HERO ================= -->\n  <div class=\"visage-hero\">\n\n    <div class=\"visage-hero-content\">\n      <span class=\"visage-eyebrow\">RITUEL BEAUT\u00c9<\/span>\n\n      <h1>Nos Soins du Visage<\/h1>\n\n      <p>\n        Des soins experts adapt\u00e9s \u00e0 votre peau pour r\u00e9v\u00e9ler\n        \u00e9clat, douceur et beaut\u00e9 naturelle.\n      <\/p>\n\n      <a href=\"https:\/\/wa.me\/+212632771887?text=Bonjour%2C%20je%20souhaite%20r%C3%A9server%20un%20soin%20du%20visage.%0ANom%20%3A%0ASoin%20souhait%C3%A9%20%3A%0ADate%20%3A%0AHeure%20%3A\" class=\"visage-main-btn\" target=\"_blank\" rel=\"noopener\">\n        <span class=\"visage-wa-icon\">\u25d4<\/span>\n        <span>R\u00e9server sur WhatsApp<\/span>\n        <span class=\"visage-arrow\">\u2192<\/span>\n      <\/a>\n    <\/div>\n\n    <div class=\"visage-hero-image\">\n      <img decoding=\"async\" src=\"https:\/\/spalesbainstafoukt.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-2-2026-03_50_03-PM.png\" data-fallback=\"https:\/\/spalesbainstafoukt.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-2-2026-03_50_03-PM-300x169.png\" alt=\"Soin du visage dans notre spa\" onerror=\"this.onerror=null;this.src=this.dataset.fallback;\">\n    <\/div>\n\n  <\/div>\n\n\n  <!-- ================= SOINS ================= -->\n  <div class=\"visage-grid\">\n\n\n    <!-- ================= SOIN 01 ================= -->\n    <article class=\"visage-card visage-card-light\">\n\n      <div class=\"visage-card-content\">\n\n        <div class=\"visage-number\">\n          01 <span><\/span>\n        <\/div>\n\n        <h2>Soin Sp\u00e9cifique du Visage<\/h2>\n\n        <p>\n          Soin visage premium anti-\u00e2ge avec diagnostic personnalis\u00e9 :\n          nettoyage profond, gommage, masque sp\u00e9cifique, massage facial\n          et hydratation intensive.\n        <\/p>\n\n        <div class=\"visage-separator\"><\/div>\n\n        <div class=\"visage-price\">\n\n          <div class=\"visage-price-icon\">\u2668<\/div>\n\n          <div>\n            <small>PRIX<\/small>\n            <strong>400 Dh<\/strong>\n          <\/div>\n\n        <\/div>\n\n        <a href=\"https:\/\/wa.me\/+212632771887?text=Bonjour%2C%20je%20souhaite%20r%C3%A9server%20le%20Soin%20Sp%C3%A9cifique%20du%20Visage.%0APrix%20%3A%20400%20Dh%0ANom%20%3A%0ADate%20%3A%0AHeure%20%3A\" class=\"visage-book-btn\" target=\"_blank\" rel=\"noopener\">\n          <span>\u25d4<\/span>\n          <b>R\u00e9server ce soin<\/b>\n          <i>\u2192<\/i>\n        <\/a>\n\n      <\/div>\n\n\n      <!-- IMAGE SOIN SPECIFIQUE -->\n      <div class=\"visage-card-image\">\n        <img decoding=\"async\" src=\"https:\/\/spalesbainstafoukt.com\/wp-content\/uploads\/2026\/10\/images-_6_.jpg\" data-fallback=\"https:\/\/spalesbainstafoukt.com\/wp-content\/uploads\/2026\/10\/images-_6_-300x300.jpg\" alt=\"Soin Sp\u00e9cifique du Visage\" onerror=\"this.onerror=null;this.src=this.dataset.fallback;\">\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- ================= SOIN 02 ================= -->\n    <article class=\"visage-card visage-card-green\">\n\n      <div class=\"visage-card-content\">\n\n        <div class=\"visage-number\">\n          02 <span><\/span>\n        <\/div>\n\n        <h2>Soin Normal du Visage<\/h2>\n\n        <p>\n          Soin visage classique : nettoyage en profondeur,\n          exfoliation douce, masque purifiant et hydratation\n          nourrissante.\n        <\/p>\n\n        <div class=\"visage-separator\"><\/div>\n\n        <div class=\"visage-price\">\n\n          <div class=\"visage-price-icon\">\u2668<\/div>\n\n          <div>\n            <small>PRIX<\/small>\n            <strong>200 Dh<\/strong>\n          <\/div>\n\n        <\/div>\n\n        <a href=\"https:\/\/wa.me\/+212632771887?text=Bonjour%2C%20je%20souhaite%20r%C3%A9server%20le%20Soin%20Normal%20du%20Visage.%0APrix%20%3A%20200%20Dh%0ANom%20%3A%0ADate%20%3A%0AHeure%20%3A\" class=\"visage-book-btn\" target=\"_blank\" rel=\"noopener\">\n          <span>\u25d4<\/span>\n          <b>R\u00e9server ce soin<\/b>\n          <i>\u2192<\/i>\n        <\/a>\n\n      <\/div>\n\n\n      <!-- IMAGE SOIN NORMAL -->\n      <div class=\"visage-card-image\">\n        <img decoding=\"async\" src=\"https:\/\/spalesbainstafoukt.com\/wp-content\/uploads\/2026\/10\/NUXE-SPA-GYMNASTIQUE-FACIALE-30MIN-DESKTOP_2520x1860_53462008-07a7-4daf-b38f-13270a3c6e70.webp\" data-fallback=\"https:\/\/spalesbainstafoukt.com\/wp-content\/uploads\/2026\/10\/NUXE-SPA-GYMNASTIQUE-FACIALE-30MIN-DESKTOP_2520x1860_53462008-07a7-4daf-b38f-13270a3c6e70-300x221.webp\" alt=\"Soin Normal du Visage\" onerror=\"this.onerror=null;this.src=this.dataset.fallback;\">\n      <\/div>\n\n    <\/article>\n\n  <\/div>\n\n<\/section>","protected":false},"excerpt":{"rendered":"<p>RITUEL BEAUT\u00c9 Nos Soins du Visage Des soins experts adapt\u00e9s \u00e0 votre peau pour r\u00e9v\u00e9ler \u00e9clat, douceur et beaut\u00e9 naturelle. \u25d4 R\u00e9server sur WhatsApp \u2192 01 Soin Sp\u00e9cifique du Visage Soin visage premium anti-\u00e2ge avec diagnostic personnalis\u00e9 : nettoyage profond, gommage, masque sp\u00e9cifique, massage facial et hydratation intensive. \u2668 PRIX 400 Dh \u25d4 R\u00e9server ce [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-716","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/spalesbainstafoukt.com\/en\/wp-json\/wp\/v2\/pages\/716","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spalesbainstafoukt.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spalesbainstafoukt.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spalesbainstafoukt.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spalesbainstafoukt.com\/en\/wp-json\/wp\/v2\/comments?post=716"}],"version-history":[{"count":4,"href":"https:\/\/spalesbainstafoukt.com\/en\/wp-json\/wp\/v2\/pages\/716\/revisions"}],"predecessor-version":[{"id":797,"href":"https:\/\/spalesbainstafoukt.com\/en\/wp-json\/wp\/v2\/pages\/716\/revisions\/797"}],"wp:attachment":[{"href":"https:\/\/spalesbainstafoukt.com\/en\/wp-json\/wp\/v2\/media?parent=716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}