/* Bandeau défilant visuel — composant autonome */
#hp-universal-header .hp-visual-ribbon{position:relative;height:156px;overflow:hidden;background:#3d322b;color:#fffdf7;font-family:Poppins,sans-serif;isolation:isolate;border-top:1px solid rgba(222,180,83,.78);border-bottom:1px solid rgba(222,180,83,.78);box-shadow:0 1px 5px -4px rgba(244,205,102,.48),0 -1px 5px -4px rgba(244,205,102,.48)}
#hp-universal-header .hp-ribbon-track{display:flex;height:100%;transform:translateX(0);transition:transform 900ms cubic-bezier(.4,0,.2,1);will-change:transform}
#hp-universal-header .hp-ribbon-slide{position:relative;display:grid;flex:0 0 100%;min-width:0;place-items:center;padding:26px 32px;isolation:isolate;box-shadow:inset 108px 0 112px -56px rgba(219,166,48,.86),inset -108px 0 112px -56px rgba(219,166,48,.86)}
#hp-universal-header .hp-ribbon-slide::before{content:"";position:absolute;z-index:-2;inset:-16px;background-image:radial-gradient(ellipse 62% 148% at -8% 50%,rgba(235,188,74,.66) 0%,rgba(188,126,28,.38) 35%,rgba(91,55,18,.12) 63%,transparent 86%),radial-gradient(ellipse 62% 148% at 108% 50%,rgba(235,188,74,.66) 0%,rgba(188,126,28,.38) 35%,rgba(91,55,18,.12) 63%,transparent 86%),var(--hp-ribbon-image);background-position:center,center,var(--hp-ribbon-position,center);background-repeat:no-repeat;background-size:cover,cover,cover;filter:blur(10px) brightness(.72) saturate(1.08);opacity:.96;transform:scale(1.06)}
#hp-universal-header .hp-ribbon-slide::after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(ellipse 52% 140% at -10% 50%,rgba(255,250,232,.34) 0%,rgba(255,225,153,.19) 32%,rgba(217,158,47,.08) 57%,transparent 86%),radial-gradient(ellipse 52% 140% at 110% 50%,rgba(255,250,232,.34) 0%,rgba(255,225,153,.19) 32%,rgba(217,158,47,.08) 57%,transparent 86%);mix-blend-mode:screen}
#hp-universal-header .hp-ribbon-art{position:absolute;z-index:-1;top:-12%;left:50%;width:auto;height:124%;max-width:78%;object-fit:contain;opacity:.88;transform:translateX(-50%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 76%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 76%,transparent 100%)}
#hp-universal-header .hp-ribbon-message{position:relative;z-index:1;max-width:min(100%,940px);margin:0;color:#fffaf0;font-family:Poppins,sans-serif;font-size:clamp(19px,2.05vw,30px);font-weight:600;line-height:1.22;letter-spacing:.11em;text-align:center;text-shadow:0 2px 16px rgba(0,0,0,.68);text-transform:uppercase}
@media(max-width:840px){#hp-universal-header .hp-visual-ribbon{height:auto;min-height:120px}#hp-universal-header .hp-ribbon-track{min-height:120px}#hp-universal-header .hp-ribbon-slide{min-height:120px;padding:18px 20px;box-shadow:inset 66px 0 76px -38px rgba(219,166,48,.82),inset -66px 0 76px -38px rgba(219,166,48,.82)}#hp-universal-header .hp-ribbon-art{top:-14%;height:128%;max-width:85%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 21%,#000 79%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 21%,#000 79%,transparent 100%)}#hp-universal-header .hp-ribbon-message{width:min(calc(100% - 8px),36rem);max-width:none;font-size:clamp(15px,4.5vw,20px);line-height:1.28;letter-spacing:.045em;overflow-wrap:normal;word-break:normal;white-space:normal}}
@media(prefers-reduced-motion:reduce){#hp-universal-header .hp-ribbon-track{transition:none}}

/* Disponibilités : cadre décoratif attaché au seul bloc d'introduction. */
body.page-id-317 .hp-availability-intro{
  position:relative;
  padding:32px 48px;
}
body.page-id-317 .hp-availability-intro::before,
body.page-id-317 .hp-availability-intro::after{
  content:"";
  position:absolute;
  width:56px;
  height:42px;
  pointer-events:none;
}
body.page-id-317 .hp-availability-intro::before{
  top:0;
  left:0;
  border-top:1px solid #c8a342;
  border-left:1px solid #c8a342;
}
body.page-id-317 .hp-availability-intro::after{
  right:0;
  bottom:0;
  border-right:1px solid #c8a342;
  border-bottom:1px solid #c8a342;
}
@media(max-width:840px){
  body.page-id-317 .hp-availability-intro{padding:28px 24px;}
  body.page-id-317 .hp-availability-intro::before,
  body.page-id-317 .hp-availability-intro::after{width:40px;height:32px;}
}

/* Accueil — marqueurs de la liste « La signature Johanna ». */
body.page-id-197 .hp-home #avis .hp-list{
  list-style:none;
  padding:0;
}
body.page-id-197 .hp-home #avis .hp-list li{
  display:flex;
  align-items:baseline;
  gap:.5em;
  list-style:none;
}
body.page-id-197 .hp-home #avis .hp-list li > b{
  flex:0 0 auto;
  color:#c8a342;
  font-size:.9em;
  font-weight:600;
  line-height:1;
}