/* ========================= */
/* ÉCRANS GÉNÉRIQUES */
/* ========================= */

.screen,
.content-screen,
.boutique-screen,
.menu-screen {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  overflow: hidden;

  background: #020617;
  color: white;
}

/* ========================= */
/* PRIORITÉ ÉCRANS */
/* ========================= */

.content-screen {
  z-index: var(--z-content);
}

.boutique-screen {
  z-index: var(--z-boutique);
}

.menu-screen {
  z-index: var(--z-menu);
}

/* ========================= */
/* ZONE SCROLLABLE */
/* ========================= */

.screen-scroll {
  height: 100%;

  overflow-y: auto;
  overflow-x: hidden;

  padding: 20px;

  -webkit-overflow-scrolling: touch;
}

/* ========================= */
/* CONTAINER CENTRÉ */
/* ========================= */

.screen-container {
  width: 100%;
  max-width: 900px;

  margin: 0 auto;
}

/* ========================= */
/* TYPOGRAPHIE */
/* ========================= */

.screen-title {
  margin-bottom: 16px;

  font-size: 28px;
}

.screen-text {
  font-size: 16px;
  line-height: 1.6;
}