/* Pasivite 2.8.50.10 — verrou final de l'accueil PWA.
   Les nouveautés sont volontairement compactes et verticales : badge, titre, résumé, action. */
body.mobile-mode.pwa-app-shell .psv-mobile-product-news,
body.mobile-mode.pwa-app-shell .psv-mobile-product-news *{
  box-sizing:border-box!important;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body.mobile-mode.pwa-app-shell .psv-mobile-product-news{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:10px 0 14px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #d7e3e8!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#12355b!important;
}
body.mobile-mode.pwa-app-shell .psv-mobile-product-news-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 62px!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  padding:13px 13px 0!important;
  background:#123f69!important;
  color:#fff!important;
}
body.mobile-mode.pwa-app-shell .psv-mobile-product-news-head>div{min-width:0!important}
body.mobile-mode.pwa-app-shell .psv-mobile-product-news-head .pv-kicker{
  margin:0 0 3px!important;color:#7ef0d4!important;font-size:11px!important;line-height:1.2!important;font-weight:900!important;
}
body.mobile-mode.pwa-app-shell .psv-mobile-product-news-head h2{
  margin:0 0 4px!important;color:#fff!important;font-size:20px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:0!important;
}
body.mobile-mode.pwa-app-shell .psv-mobile-product-news-head p:not(.pv-kicker){
  margin:0 0 12px!important;color:#e5f0f5!important;font-size:13px!important;line-height:1.35!important;font-weight:500!important;
}
body.mobile-mode.pwa-app-shell .psv-mobile-product-news-head img{
  display:block!important;width:58px!important;height:72px!important;max-width:58px!important;object-fit:contain!important;justify-self:end!important;align-self:end!important;margin:0!important;
}
body.mobile-mode.pwa-app-shell .psv-mobile-product-news-list{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  gap:8px!important;
  padding:10px!important;
}
body.mobile-mode.pwa-app-shell a.psv-mobile-product-news-item,
body.mobile-mode.pwa-app-shell a.psv-mobile-product-news-item:link,
body.mobile-mode.pwa-app-shell a.psv-mobile-product-news-item:visited{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:0!important;
  height:auto!important;
  gap:5px!important;
  padding:12px!important;
  border:1px solid #dce6eb!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#12355b!important;
  text-align:left!important;
  text-decoration:none!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
body.mobile-mode.pwa-app-shell a.psv-mobile-product-news-item:hover,
body.mobile-mode.pwa-app-shell a.psv-mobile-product-news-item:focus-visible{
  background:#f2fbf8!important;border-color:#79c9bd!important;outline:none!important;
}
body.mobile-mode.pwa-app-shell .psv-mobile-product-news-badge{
  display:inline-flex!important;align-items:center!important;width:auto!important;max-width:100%!important;margin:0!important;padding:4px 8px!important;
  border-radius:999px!important;background:#e6f8f4!important;color:#087b70!important;font-size:10px!important;line-height:1.15!important;font-weight:900!important;letter-spacing:.04em!important;
}
body.mobile-mode.pwa-app-shell a.psv-mobile-product-news-item>strong{
  display:block!important;width:100%!important;min-width:0!important;margin:0!important;color:#082653!important;font-size:16px!important;line-height:1.25!important;font-weight:900!important;overflow-wrap:anywhere!important;
}
body.mobile-mode.pwa-app-shell a.psv-mobile-product-news-item>small{
  display:-webkit-box!important;width:100%!important;min-width:0!important;margin:0!important;color:#5b7084!important;font-size:13px!important;line-height:1.35!important;font-weight:500!important;
  -webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;overflow-wrap:anywhere!important;
}
body.mobile-mode.pwa-app-shell a.psv-mobile-product-news-item>em{
  display:inline-flex!important;align-items:center!important;width:auto!important;margin:1px 0 0!important;color:#087b70!important;font-size:13px!important;line-height:1.2!important;font-style:normal!important;font-weight:900!important;
}
body.mobile-mode.pwa-app-shell .psv-mobile-product-news-all,
body.mobile-mode.pwa-app-shell .psv-mobile-product-news-all:visited{
  display:flex!important;align-items:center!important;justify-content:center!important;width:calc(100% - 20px)!important;min-height:42px!important;margin:0 10px 10px!important;padding:9px 12px!important;
  border:1px solid #b8d8d3!important;border-radius:12px!important;background:#eefaf7!important;color:#087b70!important;font-size:13px!important;font-weight:900!important;text-align:center!important;text-decoration:none!important;
}
@media(max-width:390px){
  body.mobile-mode.pwa-app-shell .psv-mobile-product-news-head{grid-template-columns:minmax(0,1fr) 52px!important}
  body.mobile-mode.pwa-app-shell .psv-mobile-product-news-head img{width:50px!important;height:64px!important}
  body.mobile-mode.pwa-app-shell .psv-mobile-product-news-head h2{font-size:18px!important}
}

/* 2.8.50.12 — alignement horizontal cohérent des pages PWA partagées. */
body.mobile-mode.pwa-app-shell{--psv-pwa-gutter:16px}
body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-hero .classic-shell,
body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-content{
  width:100%!important;max-width:none!important;margin:0!important;
  padding-left:var(--psv-pwa-gutter)!important;padding-right:var(--psv-pwa-gutter)!important;
}
body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-hero{
  padding:22px 0 18px!important;
}
body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-hero-grid{
  grid-template-columns:minmax(0,1fr) 76px!important;gap:10px!important;align-items:end!important;
}
body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-hero h1{
  margin:4px 0 9px!important;font-size:clamp(1.75rem,8vw,2.35rem)!important;line-height:1.05!important;
}
body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-hero p{
  margin-left:0!important;margin-right:0!important;
}
body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-hero-mascot{
  width:72px!important;height:88px!important;justify-self:end!important;
}
body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-content{
  padding-top:18px!important;padding-bottom:28px!important;
}
body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-toolbar{
  margin-left:0!important;margin-right:0!important;gap:10px!important;
}
body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-grid{
  width:100%!important;margin:0!important;
}
body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-card{
  width:100%!important;max-width:100%!important;margin:0!important;
}
@media(max-width:520px){
  body.mobile-mode.pwa-app-shell{--psv-pwa-gutter:14px}
  body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-hero-grid{grid-template-columns:minmax(0,1fr) 66px!important}
  body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-hero-mascot{width:62px!important;height:76px!important}
}

/* 2026-09-14 — rail de lecture PWA harmonisé.
   Objectif : le contenu éditorial ne colle plus aux bords, tous les blocs suivent
   la même colonne, la typographie reste confortable sur téléphone et la mascotte
   ne réduit plus la largeur utile du texte. */
body.mobile-mode.pwa-app-shell{
  --psv-pwa-gutter:20px;
  --psv-reading-gutter:20px;
  --psv-reading-max:760px;
  --psv-reading-body-max:680px;
}

/* Actualités — liste : même rail à gauche et à droite. */
body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-hero .classic-shell,
body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-content{
  width:100%!important;
  max-width:var(--psv-reading-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--psv-reading-gutter)!important;
  padding-right:var(--psv-reading-gutter)!important;
}
body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-hero{
  padding:24px 0 20px!important;
}
body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-hero-grid{
  grid-template-columns:minmax(0,1fr) 64px!important;
  gap:12px!important;
  align-items:end!important;
}
body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-hero h1{
  margin:6px 0 10px!important;
  font-size:clamp(2rem,8vw,2.45rem)!important;
  line-height:1.06!important;
  letter-spacing:-.025em!important;
}
body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-hero p{
  max-width:42rem!important;
  font-size:1rem!important;
  line-height:1.58!important;
}
body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-hero-mascot{
  width:60px!important;
  height:72px!important;
}
body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-content{
  padding-top:22px!important;
  padding-bottom:36px!important;
}
body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-toolbar{
  margin-bottom:16px!important;
}
body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-card>a{
  padding:17px 18px 16px 20px!important;
}

/* Actualités — article : auparavant le classic-shell n'avait pas de rail en PWA
   pour /actualites/{slug}. Le contenu pouvait donc toucher les bords. */
body.mobile-mode.pwa-app-shell .pv-news-article{
  width:100%!important;
  max-width:var(--psv-reading-max)!important;
  margin:0 auto!important;
  padding:22px var(--psv-reading-gutter) calc(38px + env(safe-area-inset-bottom))!important;
  background:#f5f9fb!important;
  box-sizing:border-box!important;
}
body.mobile-mode.pwa-app-shell .pv-news-breadcrumb{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px!important;
  margin:0 0 18px!important;
  color:#64798d!important;
  font-size:.9rem!important;
  line-height:1.4!important;
}
body.mobile-mode.pwa-app-shell .pv-news-breadcrumb a{
  color:#187f7a!important;
  font-weight:760!important;
  text-decoration:none!important;
}
body.mobile-mode.pwa-app-shell .pv-news-article-head{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
  padding:0 0 24px!important;
  border-bottom:1px solid #dce8ef!important;
}
body.mobile-mode.pwa-app-shell .pv-news-article-head>div{
  width:100%!important;
  min-width:0!important;
}
body.mobile-mode.pwa-app-shell .pv-news-row-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px 10px!important;
  margin:0 0 8px!important;
  color:#5f7489!important;
  font-size:.78rem!important;
  line-height:1.35!important;
}
body.mobile-mode.pwa-app-shell .pv-news-row-meta span{
  color:#087f7c!important;
  font-weight:900!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
}
body.mobile-mode.pwa-app-shell .pv-news-article-head h1{
  max-width:100%!important;
  margin:0 0 14px!important;
  color:#12355b!important;
  font-size:clamp(2rem,8.4vw,2.45rem)!important;
  line-height:1.07!important;
  letter-spacing:-.025em!important;
  overflow-wrap:anywhere!important;
  text-wrap:balance;
}
body.mobile-mode.pwa-app-shell .pv-news-article-head p{
  max-width:var(--psv-reading-body-max)!important;
  margin:0!important;
  color:#536b80!important;
  font-size:1.08rem!important;
  line-height:1.62!important;
}
body.mobile-mode.pwa-app-shell .pv-news-article-head img{
  width:64px!important;
  height:74px!important;
  margin:10px 0 -8px auto!important;
  align-self:flex-end!important;
  object-fit:contain!important;
  object-position:center bottom!important;
}
body.mobile-mode.pwa-app-shell .pv-news-article-body{
  width:100%!important;
  max-width:var(--psv-reading-body-max)!important;
  margin:0 auto!important;
  padding:24px 0 0!important;
}
body.mobile-mode.pwa-app-shell .pv-news-article-body p{
  margin:0 0 1.08em!important;
  color:#3f5870!important;
  font-size:1.04rem!important;
  line-height:1.68!important;
  overflow-wrap:anywhere!important;
}
body.mobile-mode.pwa-app-shell .pv-news-article-body aside{
  margin:24px 0!important;
  padding:17px 18px!important;
  border-left:4px solid #e5a124!important;
  border-radius:15px!important;
  background:#fff5df!important;
}
body.mobile-mode.pwa-app-shell .pv-news-article-body aside strong{
  display:block!important;
  margin-bottom:5px!important;
  color:#12355b!important;
  font-size:.98rem!important;
}
body.mobile-mode.pwa-app-shell .pv-news-article-body aside p{
  margin:0!important;
  font-size:.98rem!important;
  line-height:1.58!important;
}
body.mobile-mode.pwa-app-shell .pv-news-source{
  font-size:.92rem!important;
  line-height:1.55!important;
}
body.mobile-mode.pwa-app-shell .pv-news-article-body>.primary-button,
body.mobile-mode.pwa-app-shell .pv-news-article-body p>.primary-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  max-width:100%!important;
  white-space:normal!important;
  text-align:center!important;
}

/* Conseils / contenus éditoriaux : le même rail de lecture que les actualités. */
body.mobile-mode.pwa-app-shell .seo-page{
  width:100%!important;
  max-width:var(--psv-reading-max)!important;
  margin:0 auto!important;
  padding:22px var(--psv-reading-gutter) calc(38px + env(safe-area-inset-bottom))!important;
  box-sizing:border-box!important;
}
body.mobile-mode.pwa-app-shell .seo-breadcrumb{
  margin:0 0 18px!important;
  font-size:.88rem!important;
  line-height:1.4!important;
}
body.mobile-mode.pwa-app-shell .seo-hero{
  margin-bottom:18px!important;
  padding:20px!important;
  border-radius:18px!important;
}
body.mobile-mode.pwa-app-shell .seo-hero h1{
  margin:12px 0 10px!important;
  font-size:clamp(1.9rem,7.8vw,2.35rem)!important;
  line-height:1.08!important;
}
body.mobile-mode.pwa-app-shell .seo-hero p{
  font-size:1rem!important;
  line-height:1.6!important;
}
body.mobile-mode.pwa-app-shell .seo-section,
body.mobile-mode.pwa-app-shell .seo-aside-card{
  padding:17px!important;
  border-radius:16px!important;
}
body.mobile-mode.pwa-app-shell .seo-check-list li,
body.mobile-mode.pwa-app-shell .seo-step-list li,
body.mobile-mode.pwa-app-shell .seo-note p,
body.mobile-mode.pwa-app-shell .seo-remember p{
  font-size:.98rem!important;
  line-height:1.58!important;
}

@media(max-width:520px){
  body.mobile-mode.pwa-app-shell{
    --psv-pwa-gutter:18px;
    --psv-reading-gutter:18px;
  }
  body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-hero-grid{
    grid-template-columns:minmax(0,1fr) 54px!important;
  }
  body.mobile-mode.pwa-app-shell.pwa-route-actualites .pv-news-hero-mascot{
    width:52px!important;
    height:64px!important;
  }
  body.mobile-mode.pwa-app-shell .pv-news-article-head h1{
    font-size:clamp(1.9rem,8.6vw,2.2rem)!important;
  }
  body.mobile-mode.pwa-app-shell .pv-news-article-head p,
  body.mobile-mode.pwa-app-shell .pv-news-article-body p{
    font-size:1rem!important;
  }
  body.mobile-mode.pwa-app-shell .pv-news-article-head img{
    width:58px!important;
    height:66px!important;
  }
  body.mobile-mode.pwa-app-shell .pv-news-article-body p>.primary-button{
    width:100%!important;
  }
}

@media(max-width:360px){
  body.mobile-mode.pwa-app-shell{
    --psv-pwa-gutter:16px;
    --psv-reading-gutter:16px;
  }
}