@media screen{


  #sommaire-popup {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    padding-inline: var(--padding-inline-page);
    overflow-y: scroll;
    background-color: var(--color-bg);

    /* Fermé : entièrement masqué, se déroule depuis le haut à l'ouverture */
    clip-path: inset(0 0 100% 0);
    transition: clip-path 0.32s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
  }

  #sommaire-popup nav{
    max-width: var(--max-content);
    margin-inline: auto;
    padding-top: 150px;
    padding-bottom: 40vh;

  }

  #sommaire-popup.is-open {
    clip-path: inset(0 0 0 0);
    pointer-events: auto;
  }

  body.has-sommaire-open {
    overflow: hidden;
  }

 
}


/* ---- Responsive ----*/