/* ---------- boutons : arêtes franches ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;
  font-family:var(--ui);font-weight:800;font-size:.88rem;letter-spacing:.02em;
  padding:15px 26px;border:2px solid transparent;cursor:pointer;
  transition:background .16s,color .16s,border-color .16s,transform .16s}
.btn:hover{text-decoration:none}
.btn--p{background:var(--blue);color:#fff;border-color:var(--blue)}
.btn--p:hover{background:var(--blue-d);border-color:var(--blue-d)}
.btn--o{background:#fff;color:var(--navy);border-color:var(--navy)}
.btn--o:hover{background:var(--navy);color:#fff}
.btn--w{background:#fff;color:var(--blue);border-color:#fff}
.btn--w:hover{background:transparent;color:#fff;border-color:transparent;
  box-shadow:inset 0 0 0 1px #fff}
.btn--gw{background:transparent;color:#fff;border-color:#fff}
.btn--gw:hover{background:#fff;color:var(--blue)}
.more{display:inline-flex;align-items:center;gap:8px;font-family:var(--ui);
  font-weight:800;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--blue)}
.more .ic{transition:transform .16s}

/* lien fléché (accueil, catalogue, page gamme) */
.lnk{font-family:var(--ui);font-weight:700;font-size:.86rem;color:var(--blue-d);
  display:inline-flex;align-items:center;gap:9px;margin-top:6px;
  padding-bottom:4px;box-shadow:inset 0 -2px 0 0 var(--sky);justify-self:start;
  transition:box-shadow .16s}
.lnk:hover{text-decoration:none;box-shadow:inset 0 -2px 0 0 var(--blue-d)}
.lnk .ic{transition:transform .16s}
.lnk:hover .ic{transform:translateX(4px)}