div.subtitle, h2.subtitle { }
  div.content-text { }
  div.content-text ul { }

  .content-text aside.tip { }
  .content-text aside.warning { }

  .button-wrap button { }
  .button-wrap button:hover { }
  .button-wrap button:disabled { }

  .button-wrap .back-button { }
  .button-wrap .back-button svg path { }

  a.tile { }
  a.tile svg path { }

  div.radio-wrap { }
  div.radio-wrap label { }
  div.radio-wrap .radio-check { }

  div.dropdown-wrap { }
  div.dropdown-wrap li { }

.guide-sreeq9xb9J
a.tile {
  width: 200px;
  font-size: 18px;
  text-align: center
}

/* Force la grille à 5 colonnes (et évite toute règle flex-wrap) */
.step-4989473 .Tile__TileGrid-sc-d0c88e3f-3 {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

/* Important : s’assurer que chaque tile ne casse pas la grille */
.step-4989473 a.tile {
  min-width: 0 !important;
  width: 100% !important;
}

.step-4989473,
.step-4989473 > div,
.step-4989473 .NextStepSelector__Canvas-sc-b36aa237-0 {
  max-width: 1200px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.step-4989473 a.tile {
  background: transparent !important;
  background-color: transparent !important;
}

.step-4989476 a.tile {
  background: transparent !important;
  background-color: transparent !important;
}

.step-4989758 a.tile {
  background: transparent !important;
  background-color: transparent !important;
}

/* Texte au dessus des tiles */
.step-4989473 .stepNextTile-24572318::before {
  content: "Mobiwire Hinto 2\A ou équivalents";
}

.step-4989473 .stepNextTile-24572319::before {
  content: "Motorola G75 / Samsung A16\A ou équivalents";
}

.step-4989473 .stepNextTile-24572320::before {
  content: "Samsung Galaxy S24\A ou équivalents";
}

.step-4989473 .stepNextTile-24572321::before {
  content: "Urovo DT50";
}

.step-4989473 .stepNextTile-24572322::before {
  content: "Galaxy S25 / iPhone 17 Pro\A ou équivalents";
}

/* Formatter le texte au dessus des tiles */
.step-4989473 a.tile::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 400;      /* normal, pas gras */
  color: #000;           /* noir */
  background: transparent;
  padding: 0;
  white-space: pre-line; /* OBLIGATOIRE pour \A */
}

/* Descendre l'image */
.step-4989473 .tile-image-wrapper {
  margin-top: 24px;
}

.guide-5WhmxVHQOW button,
.guide-5WhmxVHQOW .stonly-button,
.guide-5WhmxVHQOW .stonly-button-primary,
.guide-5WhmxVHQOW .stonly-button-secondary {
    background-color: transparent !important;
    color: #235651 !important;
    border: 2px solid #235651 !important;
}
.guide-5WhmxVHQOW button:hover,
.guide-5WhmxVHQOW .stonly-button:hover,
.guide-5WhmxVHQOW .stonly-button-primary:hover,
.guide-5WhmxVHQOW .stonly-button-secondary:hover {
    background-color: #1b4340 !important;
    border-color: #1b4340 !important;
    color: #ffffff !important;
}

/* =========================================================
   GUIDE EMERA – Remplacement du logo Stonly par logo EMERA
   Scope : uniquement pour .guide-5WhmxVHQOW
   ========================================================= */

/* =========================================================
   GUIDE EMERA – Remplacement du logo Stonly par logo EMERA
   Scope : uniquement pour .guide-5WhmxVHQOW
   ========================================================= */

/* 1️⃣ Masque le SVG natif de Stonly */
.guide-5WhmxVHQOW a[href="/"] svg {
    display: none !important;
}

/* 2️⃣ Supprime le comportement de lien (pas de redirection) */
.guide-5WhmxVHQOW a[href="/"] {
    pointer-events: none !important;   /* Désactive le clic */
    cursor: default !important;        /* Supprime le curseur "main" */
    text-decoration: none !important;
}

/* 3️⃣ Injecte le logo EMERA à la place */
.guide-5WhmxVHQOW a[href="/"] {
    width: 28px;                       /* Taille du logo */
    height: 28px;
    display: block;
    background-image: url("https://www.dropbox.com/scl/fi/9w2rexemq1qcclkq814ei/logo-emera-icone.png?rlkey=zzlavv0i7x8ti5eabbnieqm25&st=1w01qt24&raw=1");
    background-size: contain;          /* Conserve les proportions */
    background-repeat: no-repeat;
    background-position: center;
}