/* PO décoratif dans les marges des sections (grand écran uniquement).
   Toujours tourné vers le texte : à droite → po-regard-gauche, à gauche → po-regard-droite.
   Placement : <picture> en premier enfant d'une section (position:relative via theme.css)
   + classes .po-deco --gauche|--droite et --haut|--milieu|--bas. */
.po-deco{position:absolute;height:170px;width:auto;max-width:none;pointer-events:none;z-index:2;
  filter:drop-shadow(0 6px 10px rgba(0,0,0,.18));}
.po-deco--gauche{left:calc((100% - 100vw) / 2 + 22px);right:auto;}
.po-deco--droite{right:calc((100% - 100vw) / 2 + 30px);left:auto;}
.po-deco--haut{top:70px;}
.po-deco--milieu{top:50%;transform:translateY(-50%);}
.po-deco--bas{bottom:40px;top:auto;}
@media(max-width:1359px){.po-deco{display:none;}}
/* Section plus large (ex. carte de l'accueil) : n'apparaît qu'à partir de 1440px */
@media(max-width:1439px){.po-deco--xl{display:none;}}