.elementor-54 .elementor-element.elementor-element-a6a443f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-a6a443f *//* ======================================================
   PAGE MAQUILLAGE PERMANENT — FIX CENTRAGE + PREMIUM
====================================================== */

.sb-permanent,
.sb-permanent *{ box-sizing:border-box; }

.sb-permanent{
  width:100%;
  overflow-x:hidden;
}

/* Conteneur central (INDISPENSABLE) */
.sb-permanent .sb-wrap{
  width:min(1100px, calc(100% - 40px));
  margin-inline:auto;
}

/* Sections */
.sb-permanent .sb-section{
  width:100%;
  padding:60px 0;
}

/* Hero */
.sb-permanent .sb-hero-simple{
  background:#f4ece8;
  padding:90px 0;
  text-align:center;
}

.sb-permanent .sb-hero-simple__content{
  width:min(1100px, calc(100% - 40px));
  margin-inline:auto;
}

.sb-permanent .sb-hero-simple h1{
  margin:0 0 10px;
  font-size:clamp(30px, 3.6vw, 44px);
  letter-spacing:-.02em;
  color:#141316;
}

.sb-permanent .sb-hero-simple p{
  margin:0;
  color:rgba(20,19,22,.72);
  line-height:1.6;
  font-size:16px;
}

/* Grilles (forcées au centre) */
.sb-permanent .sb-grid-2,
.sb-permanent .sb-grid-3{
  width:min(1100px, calc(100% - 40px));
  margin-inline:auto;
  display:grid;
  gap:22px;
  align-items:stretch;
}

.sb-permanent .sb-grid-2{ grid-template-columns:1fr 1fr; }
.sb-permanent .sb-grid-3{ grid-template-columns:1fr 1fr 1fr; }

/* Cartes */
.sb-permanent .sb-card{
  background:#fff;
  padding:18px;
  border-radius:16px;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 14px 34px rgba(0,0,0,.08);
}

.sb-permanent .sb-card h3{
  margin:8px 0 8px;
  font-size:18px;
  color:#141316;
}

.sb-permanent .sb-card p{
  margin:0 0 10px;
  line-height:1.7;
  color:rgba(20,19,22,.72);
  font-size:15px;
}

.sb-permanent .sb-card ul{
  margin:0;
  padding-left:18px;
  color:rgba(20,19,22,.72);
  line-height:1.7;
}

.sb-permanent .sb-card img{
  width:100%;
  height:210px;
  object-fit:cover;
  border-radius:12px;
  display:block;
}

/* CTA */
.sb-permanent .sb-cta{
  background:#f4ece8;
}

.sb-permanent .sb-btn{
  display:inline-block;
  padding:12px 22px;
  background:#5b2333;
  color:#fff;
  text-decoration:none;
  border-radius:999px;
  font-weight:700;
}

/* Responsive */
@media (max-width: 900px){
  .sb-permanent .sb-grid-3{ grid-template-columns:1fr; }
  .sb-permanent .sb-grid-2{ grid-template-columns:1fr; }
  .sb-permanent .sb-card img{ height:190px; }
}
/* ======================================================
   SOABEL — HERO PAGE (Maquillage permanent)
   Remplace le rendu "plat" par un hero premium (comme la home)
   Ne touche qu'à .sb-permanent .sb-hero-simple
====================================================== */

.sb-permanent .sb-hero-simple{
  position:relative;
  overflow:hidden;
  padding: clamp(70px, 10vw, 110px) 0;
  text-align:left;
  background: #fbf7f4; /* fallback */
}

/* fond photo + overlays premium */
.sb-permanent .sb-hero-simple::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    /* PHOTO (à remplacer si besoin) */
    url("https://soabel.fr/wp-content/uploads/2026/02/maquillage-permanent-saintes-2.jpg")
    center/cover no-repeat;
  filter:saturate(1.02) contrast(1.02);
  transform:scale(1.03);
  z-index:0;
}

.sb-permanent .sb-hero-simple::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 520px at 20% 35%, rgba(20,19,22,.55) 0%, rgba(20,19,22,.18) 58%, rgba(20,19,22,.10) 100%),
    linear-gradient(90deg, rgba(20,19,22,.62) 0%, rgba(20,19,22,.28) 55%, rgba(20,19,22,.12) 100%);
  z-index:1;
}

/* contenu au dessus */
.sb-permanent .sb-hero-simple__content{
  position:relative;
  z-index:2;
  width:min(1100px, calc(100% - 40px));
  margin-inline:auto;

  /* card glass comme sur la home */
  max-width: 780px;
  background: rgba(251,247,244,.82);
  border:1px solid rgba(255,255,255,.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 22px;
  box-shadow: 0 18px 50px rgba(20,19,22,.20);
  padding: clamp(18px, 3.4vw, 34px);
}

/* kicker + titres */
.sb-permanent .sb-hero-simple .sb-kicker{
  margin:0 0 10px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-size:12px;
  color: rgba(20,19,22,.72);
}

.sb-permanent .sb-hero-simple h1{
  margin:0 0 12px;
  line-height:1.06;
  font-size: clamp(32px, 4vw, 52px);
  letter-spacing:-.02em;
  color:#141316;
}

.sb-permanent .sb-hero-simple .sb-lead{
  margin:0 0 18px;
  color: rgba(20,19,22,.74);
  line-height:1.6;
  font-size:16px;
}

/* CTA alignées comme la home */
.sb-permanent .sb-hero-simple .sb-ctaRow{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top: 6px;
}

/* garder tes classes sb-btn mais avec rendu premium */
.sb-permanent .sb-hero-simple .sb-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:999px;
  font-weight:800;
  text-decoration:none !important;
  border:1px solid rgba(20,19,22,.12);
}

.sb-permanent .sb-hero-simple .sb-btn--primary{
  background: linear-gradient(135deg, #5b2333, #3e1723);
  color:#fff !important;
  border-color: rgba(255,255,255,.12);
  box-shadow: 0 12px 26px rgba(91,35,51,.28);
}

.sb-permanent .sb-hero-simple .sb-btn--ghost{
  background: rgba(255,255,255,.60);
  color:#141316 !important;
}

.sb-permanent .sb-hero-simple .sb-btn--primary:hover,
.sb-permanent .sb-hero-simple .sb-btn--ghost:hover{
  transform: translateY(-1px);
}

/* mobile */
@media (max-width:900px){
  .sb-permanent .sb-hero-simple{
    padding: 64px 0;
    text-align:left;
  }
  .sb-permanent .sb-hero-simple__content{
    max-width: 920px;
  }
}

@media (max-width:640px){
  .sb-permanent .sb-hero-simple__content{
    width:min(1100px, calc(100% - 28px));
    border-radius: 18px;
  }
  .sb-permanent .sb-hero-simple .sb-btn{
    width:100%;
  }
}
/* ======================================================
   PAGE MAQUILLAGE PERMANENT — Bloc Dermopigmentation (premium)
   Ajout NON destructif (classes dédiées sb-dermo*)
====================================================== */

.sb-dermo{
  display:grid;
  grid-template-columns: 1.25fr .75fr;
  gap:22px;
  align-items:start;
}

.sb-dermo__content{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  box-shadow:0 14px 34px rgba(0,0,0,.08);
  padding:22px;
}

.sb-dermo__content h2{
  margin:0 0 10px;
  color:#141316;
  letter-spacing:-.02em;
  font-size: clamp(22px, 2.3vw, 30px);
  line-height:1.15;
}

.sb-dermo__lead{
  margin:0 0 16px;
  color:rgba(20,19,22,.75);
  line-height:1.75;
  font-size:16px;
}

.sb-dermo__bullets{
  display:grid;
  gap:10px;
  margin:0 0 16px;
}

.sb-dermo__bullet{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:12px 12px;
  border-radius:12px;
  background: #fbf7f4;
  border:1px solid rgba(91,35,51,.10);
  color:rgba(20,19,22,.78);
  line-height:1.6;
  font-size:15px;
}

.sb-dermo__bullet::before{
  content:"";
  width:10px;
  height:10px;
  margin-top:6px;
  border-radius:50%;
  background: linear-gradient(135deg, #e9c9c2, #5b2333);
  box-shadow: 0 6px 14px rgba(91,35,51,.18);
  flex:0 0 auto;
}

.sb-dermo__cta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:6px;
}

/* Encadré droite */
.sb-dermo__side{
  background: rgba(244,236,232,.65);
  border:1px solid rgba(91,35,51,.12);
  border-radius:16px;
  padding:20px;
}

.sb-dermo__side h3{
  margin:0 0 10px;
  color:#141316;
  font-size:18px;
  letter-spacing:-.01em;
}

.sb-dermo__side p{
  margin:0 0 12px;
  color:rgba(20,19,22,.75);
  line-height:1.7;
  font-size:15px;
}

.sb-dermo__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 12px;
}

.sb-dermo__chips span{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(91,35,51,.14);
  color:#5b2333;
  font-weight:700;
  font-size:13px;
}

.sb-dermo__note{
  margin:0;
  font-size:13px;
  color:rgba(20,19,22,.68);
}

/* Responsive */
@media (max-width:900px){
  .sb-dermo{
    grid-template-columns:1fr;
  }
  .sb-dermo__cta .sb-btn{
    width:100%;
  }
}/* End custom CSS */