/* Page d'accueil Gutenberg - pouruneviesaine.com */
#pvsh{--bleu:#38b6ff;--bleuf:#0b7fc2;--nuit:#0a2a35;--corail:#ff5757;--corailh:#d93a3a;--gris:#4a6a75;font-family:"Open Sans",Arial,Helvetica,sans-serif;color:#1f2a37;}
#pvsh *{box-sizing:border-box;}
#pvsh .s{max-width:1100px;margin:0 auto;padding:clamp(40px,7vw,80px) 16px;}
#pvsh .s.n{max-width:820px;}
#pvsh p{margin:0 0 16px 0;font-size:clamp(16px,2.2vw,18px);line-height:1.7;}
#pvsh .sur{font-size:clamp(13px,1.8vw,15px);letter-spacing:3px;text-transform:uppercase;color:var(--bleu);font-weight:700;text-align:center;margin:0 0 10px 0;}
#pvsh h1,#pvsh h2,#pvsh h3{font-family:"Open Sans",Arial,sans-serif;font-weight:800;color:var(--nuit);letter-spacing:0;text-transform:none;}
#pvsh h2{font-size:clamp(26px,4.4vw,40px);line-height:1.2;text-align:center;margin:0 0 16px 0;}
#pvsh h2 span,#pvsh h1 span{color:var(--bleu);font-style:normal;text-decoration:none;}
#pvsh h3{font-size:clamp(19px,2.6vw,22px);line-height:1.3;margin:0 0 8px 0;}
#pvsh .intro{text-align:center;color:var(--gris);max-width:700px;margin:0 auto 32px auto;font-size:clamp(17px,2.3vw,19px);}
#pvsh .row{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;}
#pvsh .card{flex:1 1 280px;max-width:360px;background:#fff;border-radius:18px;padding:24px 22px;box-shadow:0 8px 28px rgba(10,42,53,.08);border-top:5px solid var(--bleu);text-align:left;}
#pvsh .card p{font-size:clamp(15px,2vw,16px);line-height:1.6;color:var(--gris);}
#pvsh .tag{align-self:flex-start;display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 12px;border-radius:30px;background:#e8f6ff;color:var(--bleuf);margin:0 0 12px 0;}
#pvsh .btn{display:inline-block;background:var(--corail);color:#fff!important;font-weight:700;font-size:clamp(16px,2vw,18px);text-decoration:none!important;padding:16px 26px;border-radius:40px;box-shadow:0 8px 22px rgba(255,87,87,.35);transition:background .2s,transform .2s;}
#pvsh .btn:hover{background:var(--corailh);transform:translateY(-2px);}
#pvsh .btn2{display:inline-block;background:var(--nuit);color:#fff!important;font-weight:700;font-size:clamp(15px,2vw,17px);text-decoration:none!important;padding:14px 24px;border-radius:40px;transition:transform .2s;}
#pvsh .btn2:hover{transform:translateY(-2px);}
#pvsh .lien{color:var(--bleuf)!important;font-weight:700;text-decoration:none!important;}
#pvsh .lien:hover{text-decoration:underline!important;}
#pvsh .c{text-align:center;}
#pvsh .petit{font-size:14px!important;color:#6b7280;margin:10px 0 0 0;}
#pvsh .alt{background:#f4f9fc;}
#pvsh .hero{max-width:1140px;margin:24px auto 0 auto;padding:clamp(28px,5vw,56px) clamp(20px,4vw,48px);border-radius:28px;background:linear-gradient(135deg,#0a2a35 0%,#0b1f3a 100%);box-shadow:0 18px 50px rgba(10,42,53,.25);display:flex;flex-wrap:wrap;align-items:center;gap:36px;}
#pvsh .hero .txt{flex:1 1 420px;}
#pvsh .hero h1{color:#fff;font-size:clamp(32px,5.2vw,54px);line-height:1.12;margin:0 0 18px 0;}
#pvsh .hero p{color:#cfe6f2;}
#pvsh .hero .pill{display:inline-block;background:rgba(56,182,255,.16);color:#7fd0ff;font-weight:700;font-size:12px;letter-spacing:2px;text-transform:uppercase;padding:7px 14px;border-radius:30px;margin:0 0 18px 0;}
#pvsh .hero .ghost{display:inline-block;color:#fff!important;font-weight:700;font-size:clamp(15px,1.9vw,17px);text-decoration:none!important;padding:14px 22px;border-radius:40px;border:2px solid rgba(255,255,255,.35);}
#pvsh .hero .ghost:hover{border-color:#fff;}
#pvsh .hero .photo{flex:0 1 340px;margin:0 auto;position:relative;width:100%;max-width:340px;}
#pvsh .rond{position:relative;width:100%;padding-top:100%;border-radius:50%;overflow:hidden;box-shadow:0 0 0 8px rgba(56,182,255,.25),0 20px 50px rgba(0,0,0,.35);}
#pvsh .rond img{position:absolute;top:-4.9%;left:-15%;width:130%;max-width:none;height:auto;display:block;}
#pvsh .badge{position:absolute;font-weight:800;font-size:clamp(15px,2vw,17px);padding:10px 16px;border-radius:16px;box-shadow:0 10px 26px rgba(0,0,0,.25);line-height:1.2;}
#pvsh .badge small{display:block;font-size:12px;font-weight:600;}
#pvsh .li{position:relative;padding:14px 16px 14px 48px;margin:0 0 10px 0;background:#fff;border-radius:14px;box-shadow:0 4px 16px rgba(10,42,53,.06);font-size:clamp(16px,2.1vw,18px);line-height:1.5;}
#pvsh .li:before{content:"→";position:absolute;left:18px;top:13px;color:var(--corail);font-weight:800;}
#pvsh .punch{padding:20px;border-radius:16px;background:#fff0f0;text-align:center;font-size:clamp(18px,2.6vw,21px);font-weight:800;line-height:1.45;color:var(--nuit);margin:24px 0;}
#pvsh .dark{background:var(--nuit);border-radius:20px;padding:26px 24px;color:#fff;}
#pvsh .dark p{color:#cfe6f2;}
#pvsh .split{display:flex;flex-wrap:wrap;align-items:center;gap:40px;}
#pvsh .split .im{flex:0 1 380px;margin:0 auto;}
#pvsh .split .im img{width:100%;height:auto;border-radius:20px;box-shadow:0 12px 34px rgba(10,42,53,.15);display:block;}
#pvsh .split .tx{flex:1 1 380px;}
#pvsh .num{font-size:40px;font-weight:800;color:var(--bleu);line-height:1;margin:0 0 10px 0;}
#pvsh .mrow{background:#fff;border-radius:18px;box-shadow:0 6px 22px rgba(10,42,53,.08);padding:6px;margin:0 0 12px 0;display:flex;flex-wrap:wrap;}
#pvsh .mrow > div{flex:1 1 260px;margin:6px;padding:14px 16px;border-radius:12px;}
#pvsh .mrow .faux{flex:1 1 220px;background:#f4f6f8;}
#pvsh .mrow .vrai{flex:2 1 320px;background:#e8f6ff;}
#pvsh .mrow small{display:block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin:0 0 4px 0;}
#pvsh .mrow .faux b{color:#9aa5b1;text-decoration:line-through;text-decoration-color:var(--corail);text-decoration-thickness:2px;}
#pvsh .mrow .faux small{color:#9aa5b1;}
#pvsh .mrow .vrai small{color:var(--bleuf);}
#pvsh .mrow b{font-size:clamp(16px,2.1vw,18px);line-height:1.5;color:var(--nuit);}
#pvsh .step{flex:1 1 260px;max-width:340px;background:#fff;border-radius:18px;padding:22px;box-shadow:0 6px 22px rgba(10,42,53,.07);text-align:left;}
#pvsh .step .tag{background:var(--nuit);color:#fff;}
#pvsh .offre{flex:1 1 320px;max-width:440px;border-radius:20px;padding:26px 24px;text-align:left;box-shadow:0 8px 28px rgba(10,42,53,.12);border-top:6px solid var(--bleu);background:#fff;}
#pvsh .offre.d{background:var(--nuit);}
#pvsh .offre.d h3{color:#fff;}
#pvsh .offre.d p{color:#cfe6f2;}
#pvsh .prix{padding:14px 16px;border-radius:12px;background:#f4f9fc;margin:0 0 16px 0;}
#pvsh .offre.d .prix{background:rgba(255,255,255,.08);}
#pvsh .prix b{display:block;font-size:clamp(26px,3.6vw,30px);line-height:1.1;color:var(--nuit);}
#pvsh .offre.d .prix b{color:#fff;}
#pvsh .prix span{display:block;margin-top:4px;font-size:14px;color:var(--gris);}
#pvsh .offre.d .prix span{color:#cfe6f2;}
#pvsh .ban{border-radius:24px;overflow:hidden;position:relative;background:linear-gradient(rgba(10,42,53,.72),rgba(10,42,53,.72)),url("https://pouruneviesaine.com/wp-content/uploads/2026/04/avantapres-1024x267.jpg") center/cover no-repeat;padding:clamp(40px,7vw,70px) 24px;text-align:center;}
#pvsh .ban h2{color:#fff;}
#pvsh .ban .sur{color:#7fd0ff;}
#pvsh .stats{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 0 26px 0;}
#pvsh .stats div{flex:0 1 170px;background:rgba(255,255,255,.1);border-radius:16px;padding:14px 10px;}
#pvsh .stats b{display:block;font-size:clamp(24px,3.6vw,30px);color:#fff;line-height:1.1;}
#pvsh .stats span{font-size:14px;color:#cfe6f2;}
@media(max-width:600px){#pvsh .hero{gap:28px;}
#pvsh .hero .photo{max-width:240px;}
#pvsh .split .im{max-width:280px;}
#pvsh .hero .btn{display:block;text-align:center;margin:0 0 10px 0!important;}
#pvsh .hero .ghost{display:block;text-align:center;}
}
