/** Shopify CDN: Minification failed

Line 68:0 Unexpected "<"
Line 100:0 Unexpected "<"

**/
/* Conteneur plein écran */
.c-drawer {
  position: fixed;
  inset: 0;
  z-index: 9999;          /* au-dessus du header/menu du thème */
  display: grid;          /* overlay + panel */
  grid-template-columns: 1fr;
}

.c-drawer[hidden] { display: none !important; }

/* Overlay qui assombrit la page */
.c-drawer__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.45);   /* augmente la valeur (.45/.55) pour foncer davantage */
  opacity: 0;
  transition: opacity .25s ease;
  pointer-events: none;          /* inactif quand fermé */
}

/* Panneau du tiroir */
.c-drawer__panel {
  position: absolute;
  top: 0; right: 0; bottom: 0;
  width: min(480px, 92vw);
  background: #fff;
  box-shadow: -10px 0 30px rgba(0,0,0,.25);
  transform: translateX(100%);
  transition: transform .25s ease;
  display: flex;
  flex-direction: column;
  outline: none;
}

/* États ouverts */
.c-drawer.is-open .c-drawer__overlay {
  opacity: 1;
  pointer-events: auto;          /* capte les clics → clic sur overlay = fermeture */
}

.c-drawer.is-open .c-drawer__panel {
  transform: translateX(0);
}

/* (Optionnel) effet de blur léger sous l’overlay */
.c-drawer.is-open .c-drawer__overlay {
  /* décommente si tu veux un flou agréable : */
  /* backdrop-filter: blur(2px); */
}

/* Header/close */
.c-drawer__header { 
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 20px; border-bottom:1px solid rgba(0,0,0,.08);
}
.c-drawer__title { margin:0; font-size:2rem; line-height:1.3; }
.c-drawer__close { background:transparent; border:0; font-size:28px; line-height:1; cursor:pointer; }
.c-drawer__content { padding:0px 15px; overflow:auto; -webkit-overflow-scrolling:touch; }


<style>
  /* CSS critique du drawer — inline pour éviter tout souci de cache/priorité */
  #GlobalDrawer { position: fixed; inset: 0; z-index: 30000; display: grid; }

  #GlobalDrawer .c-drawer__overlay {
    position: fixed;
    left: 0; top: 0;
    width: 100vw; height: 100vh;
    background: rgba(0,0,0,.55);
    opacity: 0; transition: opacity .25s ease;
    pointer-events: none;
    z-index: 0;
  }

  #GlobalDrawer .c-drawer__panel {
    position: fixed;
    top: 0; right: 0; bottom: 0;
    width: min(480px, 92vw);
    background: #fff;
    box-shadow: -10px 0 30px rgba(0,0,0,.25);
    transform: translateX(100%);
    transition: transform .25s ease;
    z-index: 1;
  }

  #GlobalDrawer.is-open .c-drawer__overlay { opacity: 1; pointer-events: auto; }
  #GlobalDrawer.is-open .c-drawer__panel   { transform: translateX(0); }

  .c-drawer__content p {
  font-size: 1.3rem;
  line-height: 1.5;
}
</style>